Clase CSS para lo último y categorías

[davidkingham]

He buscado y probado todo lo que he podido, pero no encuentro una solución para esto. Necesito añadir contenido a ciertas categorías y a las páginas /latest y /categories.

Esto es lo que he hecho para las categorías:

body.category-image-critiques-avian-critiques .featured-tiles::before,
body.category-image-critiques-flora-critiques .featured-tiles::before,
body.category-image-critiques-human-fauna-critiques .featured-tiles::before,
body.category-image-critiques-landscape-critiques .featured-tiles::before,
body.category-image-critiques-macro-critiques .featured-tiles::before,
body.category-image-critiques-night-critiques .featured-tiles::before,
body.category-image-critiques-weekly-challenge .featured-tiles::before,
body.category-image-critiques-wildlife-critiques .featured-tiles::before,
body.category-image-critiques-abstract-critiques .featured-tiles::before,
body.category-image-critiques .featured-tiles::before {
  content: "Recent Editors' Picks";
  font-size: 1.5em;
}

Pero también necesito esto en latest y categories. Se puede lograr algo parecido usando .navigation-topics, pero esto no se aplica a las categorías, y tampoco quiero este contenido en /top, etc.

Existe .categories-and-latest, pero no parece funcionar con:

.categories-and-latest .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

¿Alguna idea? Parece que me falta algo tonto, o tal vez simplemente no es posible.

[Don]

Hola, sí, esto no funcionará así.

@davidkingham

Hay .categories-and-latest, pero no parece funcionar con:

.categories-and-latest .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

---

Intenta algo como esto

body.categories-list.navigation-categories .featured-tiles::before,
body.navigation-topics .featured-tiles::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

[davidkingham]

Gracias Don, eso funciona para Categorías, pero ¿qué pasa con lo más reciente?

[Don]

Oh sí, lo siento, edité la publicación anterior.

[davidkingham]

Gracias, pero el problema con body.navigation-topics es que se muestra en /top, /unread, etc.

[Don]

¿Quieres añadir este texto en todas partes donde aparezcan los mosaicos destacados?

Si es así, creo que tal vez lo más fácil sería dirigirse a algo como esto.

.featured-tiles > div:not(:empty)::before {
  content: "Recent Editors Picks";
  font-size: 1.5em;
}

[davidkingham]

¡Sí! Eres brillante Don, ¡muchas gracias!