このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

全称セレクタ

記事Jul. 10th,2021
すべての要素をスタイルの適用対象として選択する全称セレクタ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

全称セレクタ

全称セレクタ(Universal selector)”はスタイルを適用する対象を要素型にかかわらず選択するためのセレクタで表されます。

全称セレクタはアスタリスク(U+002A、“*”)で表され、名前空間を示す任意の接頭辞を付加したCSS適合名として記述します。

* { ... }

タイプ・セレクタと同様に、全称セレクタは合成セレクタの中に1個だけ記述することができ、合成セレクタの中で最初の単純セレクタとして記述しなければなりません。

全称セレクタの有無はセレクタによる要素の選択には何も影響しません。合成セレクタの中に他の単純セレクタがある場合は省略できます。

名前空間による選択

全称セレクタはCSS適合名なので選択する属性を名前空間で絞り込むことができます。

CSS適合名は縦線(U+007C、“|”)を挟んだ定義済みの名前空間の接頭辞とローカル名(要素名や属性名)からなります。名前空間の接頭辞は@namespace”ルールによって定義されます。

特定の名前空間に属するすべての要素
〚名前空間〛|* { ... }

どの名前空間にも属さないすべての要素
|* { ... }

名前空間にかかわらずすべての要素
*|* { ... }

既定の名前空間に属するすべての要素
* { ... }

スタイルシートで@namespace”ルールによる名前空間の定義がされていない場合には接頭辞のない全称セレクタは名前空間にかかわらず要素を選択します。

使用例

* {
background-color: rgba(182,221,123,0.3); /**/
}
<p>
平安時代の女流歌人である清少納言は<cite>『枕草子』</cite>の一節で下のように記しています。
</p>

<blockquote>
猫は、上のかぎり黒くて、ことはみな白き。
</blockquote>

<p>
つまり、<strong>背中だけ黒くてそれ以外は白い猫が良い</strong>のです。
</p>

平安時代の女流歌人である清少納言は『枕草子』の一節で下のように記しています。

猫は、上のかぎり黒くて、ことはみな白き。

つまり、背中だけ黒くてそれ以外は白い猫が良いのです。

仕様書

定義されている仕様書
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
*
定義あり

定義あり

定義あり

定義あり
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク