全称セレクター

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

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
Universal selector (*)Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 7Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0
Namespaces (*|*)Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 9Opera 完全対応 8Safari 完全対応 1.3WebView Android 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 10.1Safari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応