ids/8/612.txt

[3] [DFN[[RUBYB[普遍選択子]@en[universal selector]]]]は、すべての[[要素]]を表す[[単純選択子]]です。

* 仕様書

[REFS[
- [2] [CITE@en[Selectors Level 3]] ([TIME[2011-09-29 22:16:17 +09:00]] 版) <http://www.w3.org/TR/selectors/#universal-selector>
]REFS]

* 意味

[5] [[名前空間接頭辞]]は、それに対応すると[[宣言]]された[[名前空間URL]]を表しています。
[[CSS]] では [CODE(CSS)@en[[[@nemaspace]]]] [[@規則]]で、 [[XBL2]]
では [CODE(XMLa)@en[[[xmlns]]]] [[属性]]で[[名前空間接頭辞]]を[[宣言]]できます。

[EG[
[13] 
[PRE(CSS example code)[
@namespace hoge 'http://hoge/';
hoge|* { color: blue }
]PRE]
... は [CODE(URI)@en[http://hoge/]] という[[名前空間]]の[[要素]]の色を指定しています。
]EG]

[7] [[名前空間接頭辞]]が[[空文字列]]であれば、[[名前空間]]なし ([[null名前空間]])
を表します [SRC[>>2]]。

[EG[
[14] [CODE(CSS)@en[|*]] は[[null名前空間]]の[[要素]]を表しています。
]EG]

[8] [[名前空間接頭辞]]が [CODE(CSS)[[[*]]]] であれば、任意の[[名前空間]]の任意の[[要素]]を表します。
[[null名前空間]]もこれに含まれます。 [SRC[>>2]]

[EG[
[15] [CODE(CSS)[*|*]] は [[HTML]] や [[XHTML2]] やその他任意の[[名前空間]]の[[要素]]を表しています。
]EG]

[9] [[名前空間接頭辞]]も [CODE(CSS)[[[|]]]] もなければ、[[既定名前空間]]が[[宣言]]されていればその[[名前空間]]、
[[宣言]]されていなければすべての[[名前空間]] ([CODE(CSS)[[[*]]]] と同じ。) の任意の[[要素]]を表します。 [SRC[>>2]]

[EG[
[16] 
[PRE(CSS example code)[
* { color: blue }
]PRE]
... はすべての[[名前空間]]の任意の[[要素]]を表しています。一方
[PRE(CSS example code)[
@namespace 'http://www.w3.org/1999/xhtml';
* { color: blue }
]PRE]
... は [[HTML]] の任意の[[要素]]だけを表しています。
]EG]

[21] 暗黙の[[普遍選択子]] (>>18) にも[[既定名前空間]]が適用されるので、
一見[[名前空間]]の指定が無いように見えても実際には限定されていることがあります。

[EG[
[22] 例えば、
[PRE(CSS example code)[
@namespace 'http://hoge/';
:first-child { color: blue }
]PRE]
... は [CODE(URI)[http://hoge/]] 名前空間に属し、かつ最初の[[子要素]]であるものの色を変えています。
]EG]

* 構文

[4] [[普遍選択子]]は [[CSS修飾名]]の[[局所名]]が [CODE(CSS)[[[*]]]] であるものです [SRC[>>2]]。

[18] [CODE(CSS)[[[*]]]] のみで構成される[[普遍選択子]] (つまり[[名前空間接頭辞]]と [CODE(CSS)[[[|]]]]
が無いもの) であって、[[単純選択子列]]中に他の[[単純選択子]]も含まれている場合、または直後に[[擬似要素]]がある場合は、
[CODE(CSS)[[[*]]]] を省略できます。 [SRC[>>2]]

[EG[
[19] 例えば [CODE(CSS)[*:first-child]] と [CODE(CSS)@en[:first-child]] は等価です。
また [CODE(CSS)[*::after]] と [CODE(CSS)[::after]] は等価です。
]EG]

;; [20] しかし [CODE(CSS)[[[*]]]] は省略するべきではないと言われています。例えば 
[CODE(CSS)@en[div :first-child]] よりも [CODE(CSS)@en[div *:first-child]] と書いた方がわかりやすいです。
[SRC[>>2]] [[既定名前空間]]の影響も、明示的に書いた方がわかりやすいでしょう。

* 大文字と小文字

[12] [[名前空間接頭辞]]は[[大文字]]と[[小文字]]を区別します。

* 妥当性

[6] [[宣言]]されていない[[名前空間接頭辞]]を使うと[[非妥当]]となります [SRC[>>2]]。

* 特異度

[23] [[普遍選択子]]は[[特異度]]の計算に含まれません。[[普遍選択子]]だけの[[選択子]]は他のどんな[[選択子]]よりも低い[[特異度]]になります。

* 歴史

** CSS1

[REFS[
- [34] [CITE[Cascading Style Sheets: a draft specification]] ([TIME[1995-05-31 21:05:57 +09:00]] 版) <http://www.w3.org/Style/CSS/draft1.html#document-wide>
]REFS]

[35] [[普遍選択子]]に相当するものは、最初期に仕様に含まれていました (>>34)。当時はまだ名前がついていませんでした。

[36] しかしその後 draft5 まで含まれていたものの、 draft6 では削除されています。

** CSS2

[REFS[
- [33] [CITE@en[Selectors]] ([TIME[2001-01-16 00:22:58 +09:00]] 版) <http://www.w3.org/TR/1998/WD-css2-19980128/selector.html#universal-selector>
- [27] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) <http://www.w3.org/TR/CSS2/selector.html#universal-selector>
]REFS]

[29] [[普遍選択子]]は [[CSS2]] で導入されました。 >>33 が初出でした。

** 選択子3

[REFS[
- [30] [CITE[CSS Namespace Enhancements (Proposal)]] ([TIME[1999-06-26 07:15:29 +09:00]] 版) <http://www.w3.org/1999/06/25/WD-css3-namespace-19990625/#tag-selector>
- [32] [CITE@en[CSS3 module: W3C Selectors]] ([TIME[2000-04-11 01:57:05 +09:00]] 版) <http://www.w3.org/TR/2000/WD-css3-selectors-20000410#typenmsp>
]REFS]

[31] [[普遍選択子]]に[[名前空間接頭辞]]をつけて[[名前空間]]に対応させることが >>30 
で提案され、 >>32 以後の[[選択子]]仕様に取り込まれています。

* 関連

[17] [CODE(CSS)[[[*]]]] 以外の[[局所名]]を指定したものは[[型選択子]]と呼ばれます。

[24] [[普遍選択子]]は[[要素]]に関するものですが、[[属性選択子]]には[[普遍選択子]]に相当するものはありません。

* メモ

[1]
[CITE@ja[ブラウザのデフォルトスタイルをリセットする手段、ユニバーサルセレクタとタイプセレクタの違いは? | Blog hamashun.com]] ([TIME[2007-09-07 18:09:49 +09:00]] 版) <http://www.hamashun.com/blog/2007/09/post_34.html>

[25] [CITE@ja[*{ margin : 0 }はもう古い!? | Emotional Web]] ([CODE[2007-02-22 08:52:20 +09:00]] 版) <http://www.lllcolor.com/archives/200702/margin0.html>
([[名無しさん]] [WEAK[2007-02-22 00:55:28 +00:00]])

[26] 逆になんで全部指定する必要があるのか? ということだ。 UAスタイル・シートの意味は? ''カスケーディング''・スタイル・シートの意味は?
1	wakaba	1.2	[3] [DFN[[RUBYB[普遍選択子]@en[universal selector]]]]は、すべての[[要素]]を表す[[単純選択子]]です。
2
3			* 仕様書
4
5			[REFS[
6			- [2] [CITE@en[Selectors Level 3]] ([TIME[2011-09-29 22:16:17 +09:00]] 版) <http://www.w3.org/TR/selectors/#universal-selector>
7			]REFS]
8
9	wakaba	1.3	* 意味
10
11			[5] [[名前空間接頭辞]]は、それに対応すると[[宣言]]された[[名前空間URL]]を表しています。
12			[[CSS]] では [CODE(CSS)@en[[[@nemaspace]]]] [[@規則]]で、 [[XBL2]]
13			では [CODE(XMLa)@en[[[xmlns]]]] [[属性]]で[[名前空間接頭辞]]を[[宣言]]できます。
14
15			[EG[
16			[13]
17			[PRE(CSS example code)[
18			@namespace hoge 'http://hoge/';
19			hoge\|* { color: blue }
20			]PRE]
21			... は [CODE(URI)@en[http://hoge/]] という[[名前空間]]の[[要素]]の色を指定しています。
22			]EG]
23
24			[7] [[名前空間接頭辞]]が[[空文字列]]であれば、[[名前空間]]なし ([[null名前空間]])
25			を表します [SRC[>>2]]。
26
27			[EG[
28			[14] [CODE(CSS)@en[\|*]] は[[null名前空間]]の[[要素]]を表しています。
29			]EG]
30
31			[8] [[名前空間接頭辞]]が [CODE(CSS)[[[*]]]] であれば、任意の[[名前空間]]の任意の[[要素]]を表します。
32			[[null名前空間]]もこれに含まれます。 [SRC[>>2]]
33
34			[EG[
35			[15] [CODE(CSS)[\|]] は [[HTML]] や [[XHTML2]] やその他任意の[[名前空間]]の[[要素]]を表しています。
36			]EG]
37
38			[9] [[名前空間接頭辞]]も [CODE(CSS)[[[\|]]]] もなければ、[[既定名前空間]]が[[宣言]]されていればその[[名前空間]]、
39			[[宣言]]されていなければすべての[[名前空間]] ([CODE(CSS)[[[*]]]] と同じ。) の任意の[[要素]]を表します。 [SRC[>>2]]
40
41			[EG[
42			[16]
43			[PRE(CSS example code)[
44			* { color: blue }
45			]PRE]
46			... はすべての[[名前空間]]の任意の[[要素]]を表しています。一方
47			[PRE(CSS example code)[
48			@namespace 'http://www.w3.org/1999/xhtml';
49			* { color: blue }
50			]PRE]
51			... は [[HTML]] の任意の[[要素]]だけを表しています。
52			]EG]
53
54	wakaba	1.6	[21] 暗黙の[[普遍選択子]] (>>18) にも[[既定名前空間]]が適用されるので、
55			一見[[名前空間]]の指定が無いように見えても実際には限定されていることがあります。
56
57			[EG[
58			[22] 例えば、
59			[PRE(CSS example code)[
60			@namespace 'http://hoge/';
61			:first-child { color: blue }
62			]PRE]
63			... は [CODE(URI)[http://hoge/]] 名前空間に属し、かつ最初の[[子要素]]であるものの色を変えています。
64			]EG]
65
66	wakaba	1.8	* 構文
67
68			[4] [[普遍選択子]]は [[CSS修飾名]]の[[局所名]]が [CODE(CSS)[[[*]]]] であるものです [SRC[>>2]]。
69
70			[18] [CODE(CSS)[[[*]]]] のみで構成される[[普遍選択子]] (つまり[[名前空間接頭辞]]と [CODE(CSS)[[[\|]]]]
71			が無いもの) であって、[[単純選択子列]]中に他の[[単純選択子]]も含まれている場合、または直後に[[擬似要素]]がある場合は、
72			[CODE(CSS)[[[*]]]] を省略できます。 [SRC[>>2]]
73
74			[EG[
75			[19] 例えば [CODE(CSS)[*:first-child]] と [CODE(CSS)@en[:first-child]] は等価です。
76			また [CODE(CSS)[*::after]] と [CODE(CSS)[::after]] は等価です。
77			]EG]
78	wakaba	1.3
79	wakaba	1.8	;; [20] しかし [CODE(CSS)[[[*]]]] は省略するべきではないと言われています。例えば
80			[CODE(CSS)@en[div :first-child]] よりも [CODE(CSS)@en[div *:first-child]] と書いた方がわかりやすいです。
81			[SRC[>>2]] [[既定名前空間]]の影響も、明示的に書いた方がわかりやすいでしょう。
82	wakaba	1.3
83			* 大文字と小文字
84
85			[12] [[名前空間接頭辞]]は[[大文字]]と[[小文字]]を区別します。
86
87	wakaba	1.8	* 妥当性
88
89			[6] [[宣言]]されていない[[名前空間接頭辞]]を使うと[[非妥当]]となります [SRC[>>2]]。
90
91	wakaba	1.7	* 特異度
92
93			[23] [[普遍選択子]]は[[特異度]]の計算に含まれません。[[普遍選択子]]だけの[[選択子]]は他のどんな[[選択子]]よりも低い[[特異度]]になります。
94
95	wakaba	1.11	* 歴史
96
97	wakaba	1.16	** CSS1
98
99			[REFS[
100			- [34] [CITE[Cascading Style Sheets: a draft specification]] ([TIME[1995-05-31 21:05:57 +09:00]] 版) <http://www.w3.org/Style/CSS/draft1.html#document-wide>
101			]REFS]
102
103			[35] [[普遍選択子]]に相当するものは、最初期に仕様に含まれていました (>>34)。当時はまだ名前がついていませんでした。
104
105	wakaba	1.17	[36] しかしその後 draft5 まで含まれていたものの、 draft6 では削除されています。
106	wakaba	1.16
107	wakaba	1.11	** CSS2
108
109			[REFS[
110	wakaba	1.15	- [33] [CITE@en[Selectors]] ([TIME[2001-01-16 00:22:58 +09:00]] 版) <http://www.w3.org/TR/1998/WD-css2-19980128/selector.html#universal-selector>
111	wakaba	1.11	- [27] [CITE@en[Selectors]] ([TIME[2011-06-07 22:09:52 +09:00]] 版) <http://www.w3.org/TR/CSS2/selector.html#universal-selector>
112			]REFS]
113
114	wakaba	1.15	[29] [[普遍選択子]]は [[CSS2]] で導入されました。 >>33 が初出でした。
115	wakaba	1.12
116	wakaba	1.14	** 選択子3
117	wakaba	1.13
118			[REFS[
119			- [30] [CITE[CSS Namespace Enhancements (Proposal)]] ([TIME[1999-06-26 07:15:29 +09:00]] 版) <http://www.w3.org/1999/06/25/WD-css3-namespace-19990625/#tag-selector>
120	wakaba	1.14	- [32] [CITE@en[CSS3 module: W3C Selectors]] ([TIME[2000-04-11 01:57:05 +09:00]] 版) <http://www.w3.org/TR/2000/WD-css3-selectors-20000410#typenmsp>
121	wakaba	1.13	]REFS]
122
123	wakaba	1.14	[31] [[普遍選択子]]に[[名前空間接頭辞]]をつけて[[名前空間]]に対応させることが >>30
124			で提案され、 >>32 以後の[[選択子]]仕様に取り込まれています。
125	wakaba	1.11
126	wakaba	1.3	* 関連
127
128	wakaba	1.9	[17] [CODE(CSS)[[[*]]]] 以外の[[局所名]]を指定したものは[[型選択子]]と呼ばれます。
129
130			[24] [[普遍選択子]]は[[要素]]に関するものですが、[[属性選択子]]には[[普遍選択子]]に相当するものはありません。
131	wakaba	1.3
132	wakaba	1.2	* メモ
133
134			[1]
135			[CITE@ja[ブラウザのデフォルトスタイルをリセットする手段、ユニバーサルセレクタとタイプセレクタの違いは? \| Blog hamashun.com]] ([TIME[2007-09-07 18:09:49 +09:00]] 版) <http://www.hamashun.com/blog/2007/09/post_34.html>
136	wakaba	1.10
137			[25] [CITE@ja[*{ margin : 0 }はもう古い!? \| Emotional Web]] ([CODE[2007-02-22 08:52:20 +09:00]] 版) <http://www.lllcolor.com/archives/200702/margin0.html>
138			([[名無しさん]] [WEAK[2007-02-22 00:55:28 +00:00]])
139
140			[26] 逆になんで全部指定する必要があるのか? ということだ。 UAスタイル・シートの意味は? ''カスケーディング''・スタイル・シートの意味は?