Можно ли задать стили для :not() селектору на всех страницах кроме главной?

Question

[lagudal]

т.е. вот есть блок с классом block
Блок этот есть на всех страницах.
Главная страница отличается от всех своим классом - cms-home-page
Задать стили сначала для блока и потом отдельно для блока на этой странице проблем нет -

.cms-home-page .block {
  // styles
}

Но можно ли по другому - через :not() - т.е. для блока если он не имеет родительского класса cms-home-page?
Попробовал и вроде не проходит номер...

Comments

[Rustam Bainazarov]

*:not(.cms-home-page) .block {

}

[lagudal]

Рустам Байназаров,
ну тоже так думал, но не получается

[Rustam Bainazarov]

lagudal, да, что-то со звездой не работает, тогда так:

[lagudal]

Рустам Байназаров,
спасибо, у меня заработало ещ с (*) если добавить >

[Rustam Bainazarov]

lagudal, посмотрите ответ, я скинул вам более универсальное решение.

[lagudal]

Рустам Байназаров,
спасибо, так работает всегда - с любой степенью вложенности от body.
отметил решением )

[Rustam Bainazarov]

lagudal, не за что!

Answer 1

[Rustam Bainazarov]

Вот так не работает:

*:not(.cms-home-page) .block {

}

Поэтому так (да-да, пробелы тут не ошибка, селектор просто такой):

body :not(.cms-home-page) .block {

}

Answer 2

[Антон]

Да, можно.

CSS:

div:not(.cms-home-page) .block{
  // styles
}

SCSS:

div:not(.cms-home-page){
  .block{
     // styles
   }
}

Comments

[lagudal]

хм. Не работает же

[Andrew]

lagudal, это scss. Такой вложенности в обычном .css нет, пишите в одну строку

[lagudal]

Andrew,
переделал

[lagudal]

спасибо, у меня заработало с (*) если добавить >