DEV Community

Cover image for Use :empty pseudo-class select dom in css
mixbo
mixbo

Posted on

Use :empty pseudo-class select dom in css

Alt Text

:empty pseudo-class selector can used when you need select empty dom in CSS let's show case

<!-- will be selector -->
<div></div>
<div></div>
<div><!-- comment --></div>

<!-- will not selected if has comment with line break  -->
<div>
  <!-- comment here  -->
</div>

<!-- will not be select if contain space -->
<div> </div>

<!-- not be select if contain content-->
<div> anything </div>

<!-- will be selector -->
<div></div>
Enter fullscreen mode Exit fullscreen mode

:empty just used for select DOM which contain nothing even comment.

demo

Hope it can help you :)

Top comments (0)