全称セレクター

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>

結果

仕様書

ブラウザーの対応

このページの互換性一覧表は構造化データから生成されています。このデータにコントリビュートしたい場合は、 https://github.com/mdn/browser-compat-data を確認してプルリクエストを送ってください。