概要

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

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

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

* [lang^=en] {
  color:green;
}

*.warning {
  color:red;
}

*#maincontent {
  border: 1px solid blue;

.floating {
  float: left
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}
<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>

仕様

仕様書 策定状況 コメント
Selectors Level 4
universal selector の定義
草案 変更なし
Selectors Level 3
universal selector の定義
勧告 名前空間に関して定義された振る舞いと、セレクタの省略は疑似要素内で許可されるというヒント
CSS Level 2 (Revision 1)
universal selector の定義
勧告 初回定義

ブラウザ実装状況

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

ドキュメントのタグと貢献者

 このページの貢献者: mpcjazz, ethertank, sii
 最終更新者: mpcjazz,