The :empty Pseudo Selector Gotchas
:empty pseudo selector selects empty elements. We can use this to display useful messages instead of the empty content or hide the content completely. However, the
:empty pseudo selector comes with a couple of potentially confusing behaviors when it comes to which elements it considers empty.