子要素を持たない要素にスタイルを適用する

疑似クラス empty

要素名: empty エンプティ {~}

子要素を持たない要素にスタイルを適用します。この場合の子要素とは、要素内のテキストも含まれます。

セレクタの使用例

以下の例では、空のtd要素を対象にスタイルを適用し、表組みの「第2週」の列にある空白セルの背景色をグレーで表示しています。

CSS
td:empty{
  background-color: gray;
}
HTML
<table>
  <tr><td>第1週</td><td>第2週</td><td>第3週</td><td>第4週</td></tr>
  <tr><td>会議室C</td><td></td><td>会議室B</td><td>会議室A</td></tr>
</table>