たとえば table
のセルや、プログラムで云々やるときなどで、要素の中身が空なときだけスタイルを適用したい。またはしたくない。そんなときに使えるのが :empty
という擬似クラス。
ただし、スペースなどがあると空と判定されないっぽい。
th
td
:empty
background: #eee
.elements
font-size: 0.83rem
&:not(:empty)
margin-bottom: 1.5rem
padding: 0.75rem