CSS の全称セレクター (universal selector, *) は、すべての種類の要素を選択します。

/* すべての要素を選択 */
* {
  color: green;
}

CSS3 から、アスタリスクは名前空間との組み合わせで使用することができるようになりました。

  • ns|* - 名前空間 ns の中ですべての要素を選択
  • *|* - すべての要素を選択
  • |* - 名前空間が宣言されていないすべての要素を選択

構文

* { スタイルプロパティ }

アスタリスクは単純セレクターとしては省略可能です。つまり、 *.warning.warning は等価です。

CSS

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

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left
}

/* フロート要素の後の兄弟要素で自動的にフロートをクリアする */
.floating + * {
  clear: left;
}

HTML

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

結果

仕様

仕様 状態 コメント
Selectors Level 4
universal selector の定義
草案 変更なし
Selectors Level 3
universal selector の定義
勧告 名前空間に関する振る舞いを定義し、疑似要素の中でセレクターを省略できる旨を明記
CSS Level 2 (Revision 1)
universal selector の定義
勧告 初回定義

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート11217 有り 有り
Nampespaces (*|*) 有り 有り1981.3
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本サポート 有り 有り 有り4 有り 有り ?
Nampespaces (*|*) 有り 有り 有り4 有り 有り ?

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

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