全称セレクター

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

ブラウザーの対応

BCD tables only load in the browser