Как с помощью css селектора выбрать элемент, у которого НЕТ child элемента с переданным атрибутом?

Question

[semolex]

Привет!
Стоит следующая задача, нужно в одном тесте указать CSS selector, у которого отсутствует чайлд элемент со специфическим классом.
Например, есть набор элементов

<div class='product'></div>
<div class='product'></div>
<div class='product'>
         <div class='limited'></div>
</div>

Так вот, нужно выбрать ВСЕ элементы 'product' , кроме того, который содержит в себе 'limited'.

Answer 1

[SirMustache]

Можно добавить новый класс и присваивать его блокам .product без дочерних .limited с помощью jQuery

$('.product').each(function(e){
    if($(this).children('.limited').length < 1){
           $(this).addClass('someSpecialClass');
       }
})