備忘録的プログラミングリファレンス

:empty クラス

 :empty クラスは、子エレメントがないといった、内容が空のエレメントの場合に設定されたスタイルを反映する擬似クラスです。

 子エレメントにはテキストとスペース、改行やタブといったホワイトスペースも含みます。 コメントアウトは含まれません。

:empty
div:empty {
  background-color: red;
}
詳しくは Example を参照してください

ページ内 Index

構文(Syntax)

CSS

HTMLElement:empty {
  style_propaties;
}

DOM ( JavaScript )

 疑似クラスはDOM ( JavaScript )から操作できません。


 スタイルのみの操作は擬似クラスを利用したほうが簡易です。

in HTML


in JavaScript


Example

 :empty の例です。