要素名: empty 【 エンプティ 】 {～}

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

セレクタの使用例

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

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>