CSS の全称セレクター (*
) は、すべての種類の要素にマッチします。
/* すべての要素を選択 */
* {
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
このページの互換性一覧表は構造化データから生成されています。このデータにコントリビュートしたい場合は、 https://github.com/mdn/browser-compat-data を確認してプルリクエストを送ってください。