全称セレクタ

概要

アスタリスク (*) は、 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.)

仕様

ブラウザの互換性

参照

• --