CSS :empty 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:empty 疑似クラス CSS プロパティとは

トピック:空のセレクタは、子を持たないすべての要素(テキストノードを含む)にマッチする、ことができる

疑似クラス セレクター :empty

実例 コード 1

サンプル コードを試す
    p:empty {
        background: pink;
    }

CSSコード:例

    div:empty{
       background: #ff0000;
    }

    /* 内容を含まない <div> 要素を選択 */
    使用上の注意:
  • 読み上げるソフトウェアのような支援技術は、空の対話タイプのコンテンツを解釈できません。すべてのインタラクションタイプのコンテンツは、対話 type コントロールの親要素 (アンカーボタンなど) に文字列の値を設定することで作成されるアクセシブルな名前が必要です。

構文

:empty { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:emptyChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯9フルサポート◯9.5フルサポート◯3.1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:emptyAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯2.1 不明フルサポート◯ありフルサポート◯4フルサポート◯10フルサポート◯3.1 不明
:empty 疑似クラス 関連記事
CSS :empty 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :empty 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS