select next element CSS

Question

i have 2 div elements in html :

<body>
  <div id="one"></div>
  <div></div>
</body>

I want to hide div elements after div with id="one" from CSS, I tried this :

#one:after{display:none}

This doesn't work any other way to do?

Mr. Alien · Accepted Answer

No, :after pseudo doesn't do that, you need to use

#one + div {
   display: none;
}

Demo

And if you want to hide ALL div followed by #one you will have to use

#one ~ div {
   display: none;
}

Demo 2

Donate For Us