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 版 ChromeEdge MobileAndroid 版 FirefoxAndroid 版 OperaiOS 版 SafariSamsung Internet
基本対応Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 7Opera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり
Namespaces (*|*)Chrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 9Opera 完全対応 8Safari 完全対応 1.3WebView Android 完全対応 ありChrome Android 完全対応 ありEdge Mobile 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

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

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