これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

CSS:blank 擬似クラスは、子ノードを全く持たない要素、あるいは空のテキストノードまたはホワイトスペースのみを持つテキストノードを持つ要素に一致します。

構文

Syntax not found in DB!

HTML

<div> </div>

CSS

div {
  border: 4px solid red;
}

:blank {
  border-color: lime;
}

結果

仕様書

仕様書 状態 備考
Selectors Level 4
:blank の定義
草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応
実験的
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 あり
補足 代替名
完全対応 あり
補足 代替名
補足 See bug 1106296.
代替名 非標準の名前 :-moz-only-whitespace を使用しています。
IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしEdge Mobile 未対応 なしFirefox Android 完全対応 あり
補足 代替名
完全対応 あり
補足 代替名
補足 See bug 1106296.
代替名 非標準の名前 :-moz-only-whitespace を使用しています。
Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。
非標準の名前を使用しています。
非標準の名前を使用しています。

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, hamasaki, mitsuba-clover, teoli, ethertank, Marsf
最終更新者: mfuji09,