Как сделать нормальное отображение разного стиля на разных страницах/категориях?

Question

[Никита Иванов]

Моя цель - сделать, чтобы в определенных категориях отображался определенный стиль.
Итак, тег BODY подхватывает класс категории.

Код:

.category-customstyle #header { background-color: #310062; }

- работает

А код

.category-customstyle .page-title {background: #464646;}
.category-customstyle .page-title span { color: #fff; }
.category-customstyle body {background-image: url(xxx);}

работать не хочет

Я понимаю, что я что-то делаю не так, но не понимаю что.

Можно ли подобным образом сделать, чтобы этот же код отображался на определенных страницах и на страницах определенных архивов?

Answer 1

[Владимир Полищук]

Вместо
.category-customstyle body {background-image: url(xxx);}
Пробуйте
body .category-customstyle {background-image: url(xxx);}

Ибо сначала нужно писать селекторы (теги) а уж потом классы

Comments

[Никита Иванов]

не помогло.
получилось только после добавления id, как в случае с header

получается, что только таким образом можно сделать?

как-то не верится:с

Answer 2

[Артур Пантелеев]

селектор по id всегда перебивает селектор по классу

Comments

[Никита Иванов]

т.е. нужно везде айди проставить?

[Артур Пантелеев]

@rekurt body.category-customstyle вот так ожете сделать(без пробела)