:root疑似クラス (E:root)｜セレクタ｜CSS HappyLife ZERO

トップページセレクタ :root疑似クラス (E:root)

:root疑似クラス (E:root)

最終更新：2009年7月 7日 13:31

CSS3で定義された:root疑似クラスは、文書内のルートにあたる要素にスタイルが適用されます。
(X)HTMLの場合はhtml要素が該当し、XMLの場合はXML文書に対する、DTDまたはスキーマおよび名前空間に適切であれば、どの要素でも良いみたいです。

対応ブラウザ

:root疑似クラスのサンプル

:root {
  margin: 0;
  padding: 0;
}

これで、html要素にmargin: 0;とpadding: 0;のスタイルが適用される訳ですが、タイプセレクタでhtml要素に指定するのと同じなので、(X)HTMLの場合コレといって使う事は無いセレクタかと思います。
（何か素敵な活用方法が有れば教えてください）

関連性が深いページ

セレクタのグループ化【CSSの基本】
優先順位・個別性・!important宣言【CSSの基本】
リンク擬似クラス（E:link, E:visited）【セレクタ】
ダイナミック擬似クラス（E:active, E:hover, E:focus）【セレクタ】
言語擬似クラス（E:lang(fr)）【セレクタ】
:first-child疑似クラス（E:first-child）【セレクタ】
:last-child疑似クラス（E:last-child）【セレクタ】
:nth-child()疑似クラス（E:nth-child(n)）【セレクタ】
:nth-last-child()疑似クラス（E:nth-last-child(n)）【セレクタ】
:first-of-type疑似クラス（E:first-of-type）【セレクタ】
:last-of-type疑似クラス（E:last-of-type）【セレクタ】
:nth-of-type()疑似クラス（E:nth-of-type(n)）【セレクタ】
:nth-last-of-type()疑似クラス（E:nth-last-of-type(n)）【セレクタ】
:only-child疑似クラス（E:only-child）【セレクタ】
:only-of-type疑似クラス（E:only-of-type）【セレクタ】
:empty疑似クラス（E:empty）【セレクタ】
ターゲット擬似クラス（E:target）【セレクタ】
UI要素状態擬似クラス（E:enabled, E:disabled）【セレクタ】
UI要素状態擬似クラス（E:checked）【セレクタ】
否定擬似クラス（E:not(s)）【セレクタ】

関連・参考サイト

著書（全て共著）