CSS 要素の中身が空の場合にスタイルを適用する

たとえば table のセルや、プログラムで云々やるときなどで、要素の中身が空なときだけスタイルを適用したい。またはしたくない。そんなときに使えるのが :empty という擬似クラス。

ただし、スペースなどがあると空と判定されないっぽい。


th
td
  :empty
    background: #eee

.elements
  font-size: 0.83rem

  &:not(:empty)
    margin-bottom: 1.5rem
    padding: 0.75rem