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.
</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 の定義
勧告 初回定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応11217 あり あり
Nampespaces (*|*) あり あり1981.3
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり
Nampespaces (*|*) あり あり あり4 あり あり あり

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

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