#LearnedToday: ":empty" pseudo class

I just bumped into this Kevin Powell's video and it blew my mind! 😱

😠 How many times did I have to use JavaScript to hide an HTML element just because it was empty?

😎 With the :empty pseudo class it became as simple as adding :empty to a selector!

#task-list:empty {
  display:none;
}

This code means that the element with ID task-list will be hidden if it has no children. Children can be either element …

code css hide html javascript list mind powell simple video webdev