CSS-класс для последних и категорий

Поддержка
1

Я перерыл всё возможное и перепробовал всё, но так и не смог найти решение. Мне нужно добавить контент в определённые категории, а также на страницы /latest и /categories.

Вот что я уже сделал для категорий:

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: "Последние подборки редакторов";
  font-size: 1.5em;
}

Но мне также нужно это на страницах «latest» и «categories». Отчасти этого можно добиться, используя .navigation-topics, но это не работает для категорий, и к тому же я не хочу, чтобы этот контент появлялся на страницах вроде /top и т.п.

Есть селектор .categories-and-latest, но, похоже, он не срабатывает с:

.categories-and-latest .featured-tiles::before {
  content: "Последние подборки редакторов";
  font-size: 1.5em;
}

Есть какие-то идеи? Кажется, я упускаю что-то очевидное, или, возможно, это просто невозможно.

2

Привет, да, так это не сработает.

Попробуйте что-то вроде этого :slightly_smiling_face:

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

Спасибо, Дон, это работает для Категорий, но как насчёт Последних?

4

О да, извините, я отредактировал пост выше. :slightly_smiling_face:

5

Спасибо, но проблема с body.navigation-topics в том, что он отображается на страницах /top, /unread и т. д.

6

Хотите добавить этот текст ко всем элементам Featured Tiles?

Если да, то, думаю, проще всего будет просто использовать такой селектор:

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

Да! Вы гениальны, Дон, большое спасибо!