:empty 疑似クラス CSS プロパティとは
トピック:空のセレクタは、子を持たないすべての要素(テキストノードを含む)にマッチする、ことができる
疑似クラス セレクター :empty
実例 コード 1
サンプル コードを試すp:empty {
background: pink;
}
CSSコード:例
div:empty{
background: #ff0000;
}
使用上の注意:- 読み上げるソフトウェアのような支援技術は、空の対話タイプのコンテンツを解釈できません。すべてのインタラクションタイプのコンテンツは、対話 type コントロールの親要素 (アンカーやボタンなど) に文字列の値を設定することで作成されるアクセシブルな名前が必要です。
構文
:empty { css : properties ; }
疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
サポートするデスクトップ ブラウザ対応・互換性
| Property | Desktop 互換性 |
|---|
| :empty | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本 サポート | フルサポート◯1 | フルサポート◯あり | フルサポート◯1 | フルサポート◯9 | フルサポート◯9.5 | フルサポート◯3.1 |
|---|
サポートするモバイル ブラウザ対応・互換性
| Property | Mobile 互換性 |
|---|
| :empty | Android | Chrome for Android
| Edge Mobile | Firefox for Android
| Opera for Android
| iOS Safari | Samsung Internet |
|---|
| 基本 サポート | フルサポート◯2.1 | 不明 | フルサポート◯あり | フルサポート◯4 | フルサポート◯10 | フルサポート◯3.1 | 不明 |
|---|
CSS :empty 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef