CSS :empty

子を持たない要素にCSSをつけるとき使う
コメント、処理指示、 CSS の content は要素が空であるかどうかの判断には影響しない
動的に要素を入れる時に使うかも

例
子を持たない要素のdivに枠線をつける
div:empty {
border: 2px solid #000;
}

//CSSが効く
<div></div>

//CSSが効く
<div><!-- Simple Comment --></div>

//CSSが効かない
<div><p></p></div>