css селектор: все кроме

У меня возникли проблемы с использованием селектора css. Я хотел бы, чтобы выбрать все класс «контейнер», который не в родительском «нав»:css селектор: все кроме

<body> 
    <nav> 
     <div class="container"></div> 
    </nav> 
    <div class="container"></div> 
    <div class="container"></div> 
    <div class="container"></div> 
    ... 
</body>

Возможно ли это с помощью селектора CSS?

РЕШЕНИЕ: решение (thx Noah): :not(nav) > .container {/** out your v=css here */}. Эта работа, если .container является прямым дочерним элементом nav.

источник

2016-06-05 Vlant

Нет AFAIK. Вы можете перезаписать стили, например, '.container {background: red; } nav .container {background: none; } '. Пробовал это на прошлой неделе, не мог найти никакого способа сделать это. –

:not(nav) > .container

Обратите внимание, что это не сработает, если контейнер не находится внутри навигатора, но есть способы обойти это.

источник

2016-06-05 16:04:44 Noah

Если это не прямой ребенок, но есть потомок, вы можете использовать ': not (nav) .container' – blonfu

@blonfu Это не сработает; он фактически выберет все .containers, так как все они имеют родителя, который не является навигатором (а именно, телом). – Noah

Спасибо, Ноа, работай как шарм для меня :) И я подтверждаю, что решение blonfu не работает – Vlant

css селектор: все кроме

ответ

Смежные вопросы