CSS 参考手帳

CSS @規則(RULES)

CSS 属性大全

CSS関数（Functions）CSS選択子全書

CSS3 :empty 選択子

:empty CSS 修飾子は、子要素を持たない要素を表します。子要素は、要素ノードまたはテキスト（スペースを含む）のみです。

完全なCSS選択子リファレンスマニュアル

オンラインサンプル

空のdiv要素の背景色を指定する：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
<style>
.box　{
　　　　background:　pink;
　　　　height:　80px;
　　　　width:　80px;
　　　　　margin:10px;
}
.box:empty　{
　　　　background:　lime;
}
</style>
</head>
<body>
<div　class="box"><!--　私の色は緑です　--></div>
<div　class="box">私の背景色はピンクです</div>
<div　class="box">
　　　　<!--　このボックスの周りに内容が空いているため、私は赤くなります　-->
</div>
</body>
</html>

テストを見てみる ‹/›

定義と使用法

:empty

:empty選択子は、子要素を持たないすべての要素（テキストノードを含む）を選択します。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示しています。

選択子
:empty	4.0	9.0	3.5	3.2	9.6

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書