Могу ли я выбрать элемент, который не содержит другого элемента?

Question

В CSS, можно ли выбрать элемент, который не содержит другого элемента?

Например:

<div> 
    <p>ABC</p> 
    <p> 
     <q>123</q> 
    </p> 
    <p>ABC</p> 
</div> 

Я хочу установить CSS для каждого p элемента, но не для элемента, который содержит q.

Возможно ли это?

Answer 1

Если это то, что ваш HTML выглядит, вы можете использовать такой метод, как это ...

div p { 
    /* styles */ 
} 

div p q { 
    /* styles to *undo* previous styles, plus additional ones */ 
} 

Answer 2

У меня есть запас устанавливается на р элементов, которые я не хочу на р> q.

К сожалению, это невозможно с использованием CSS. Однако вы можете добиться этого с JavaScript (в приведенном ниже примере используется jQuery):

Вы можете комбинировать :not и :has:

$('p:not(:has(q))') 

С этим, то вы можете изменить CSS, используя .css():

$('p:not(:has(q))').css({ 
    'margin': '5px' 
}); 

Вот JSFiddle demo.