全称セレクタ

概要

アスタリスク (*) は、 CSS の全称セレクタです。全称セレクタは、どの型の要素にもマッチします。単純セレクタからアスタリスクを除いても、効果は同じです。例えば、 *.warning.warning は等価と見なされます。

CSS 3 では、アスタリスク (*) は名前空間と組み合わせて使用することができます。

  • ns|* - ns という名前空間のすべての要素にマッチします。
  • *|* - すべての要素にマッチします。
  • |* - 宣言された名前空間を持たないすべての要素にマッチします。

*[lang=en]{color:green;}
*.warning {color:red;}
*#maincontent {border: 1px solid blue;}

これを、

<p class="warning">
  <span lang="en-us">A green span</span> in a red paragraph.
</p>
<p id="maincontent" lang="en-gb">
  <span class="warning">A red span</span> in a green paragraph.
</p>

とすると、以下のように表示されるでしょう。

A green span in a red paragraph.

A red span in a green paragraph (with a border.)

注意: Web ページのパフォーマンスの観点から、全称セレクタは最もぜいたくな CSS セレクタであるということで、著者は全称セレクタを使用することは推奨されません。

仕様

仕様 状態 コメント
CSS Selectors Level 3 勧告  
CSS 2.1 勧告  

ブラウザの互換性

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本的なサポート (有) 1.0 (1.7 or earlier) (有) (有) (有)
名前空間との組み合わせのサポート (有) 1.0 (1.7 or earlier) (有) 8 1.3
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本的なサポート ? ? 1.0 (1) ? ? ?
名前空間との組み合わせのサポート ? ? ? ? ? ?

参照

  • --

Document Tags and Contributors

Contributors to this page: ethertank, sii
最終更新者: ethertank,
サイドバーを隠す