Hi everyone,
I have something like this
<div id="container">
<div>
<div class="foobar"></div>
</div>
<div>
<div class="foobar"></div>
</div>
<div>
<div class="foobar"></div>
<div class="barfoo"></div>
</div>
<div>
<div class="foobar"></div>
</div>
<div>
<div class="foobar"></div>
</div>
<div>
I would like to select all the #container > div
(the childs of container)
that do not have a div.barfoo
in their childs.
is it possible with CSS ?
I’m at
#container> div :not(div.barfoo) {}
but this is not working, and will select anyway #container > div > div
Any ideas ?
You must log in or register to comment.
I’ve found
#container > div:not(div.barfoo)
seem to do the trick…
Yeah the space after the first
div
in your post means that the:not()
will behave like#container > div *:not()