CSS

486 readers

1 users here now

founded 1 year ago

MODERATORS

Ategon

tappyturtle

CSS, select an element that have div:not(something) possible ? [ solved ] (self.css)

submitted 2 months ago* (last edited 2 months ago) by Rick_C137 to c/css

2 comments fedilink hide all child comments

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 ?

top 2 comments

sorted by: hot top controversial new old

[–] Rick_C137 9 points 2 months ago (1 children)

I've found

#container > div:not(div.barfoo)

seem to do the trick..

[–] [email protected] 4 points 2 months ago

Yeah the space after the first div in your post means that the :not() will behave like #container > div *:not()