| 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 |
|
|
* 構文
|
| 10 |
|
|
|
| 11 |
|
|
[4] [[普遍選択子]]は [[CSS修飾名]]の[[局所名]]が [CODE(CSS)[[[*]]]] であるものです [SRC[>>2]]。
|
| 12 |
|
|
|
| 13 |
wakaba |
1.4 |
[18] [CODE(CSS)[[[*]]]] のみで構成される[[普遍選択子]] (つまり[[名前空間接頭辞]]と [CODE(CSS)[[[|]]]]
|
| 14 |
|
|
が無いもの) であって、[[単純選択子列]]中に他の[[単純選択子]]も含まれている場合、または直後に[[擬似要素]]がある場合は、
|
| 15 |
|
|
[CODE(CSS)[[[*]]]] を省略できます。 [SRC[>>2]]
|
| 16 |
|
|
|
| 17 |
|
|
[EG[
|
| 18 |
|
|
[19] 例えば [CODE(CSS)[*:first-child]] と [CODE(CSS)@en[:first-child]] は等価です。
|
| 19 |
|
|
また [CODE(CSS)[*::after]] と [CODE(CSS)[::after]] は等価です。
|
| 20 |
|
|
]EG]
|
| 21 |
|
|
|
| 22 |
wakaba |
1.5 |
;; [20] しかし [CODE(CSS)[[[*]]]] は省略するべきではないと言われています。例えば
|
| 23 |
|
|
[CODE(CSS)@en[div :first-child]] よりも [CODE(CSS)@en[div *:first-child]] と書いた方がわかりやすいです。
|
| 24 |
wakaba |
1.6 |
[SRC[>>2]] [[既定名前空間]]の影響も、明示的に書いた方がわかりやすいでしょう。
|
| 25 |
wakaba |
1.5 |
|
| 26 |
wakaba |
1.3 |
* 意味
|
| 27 |
|
|
|
| 28 |
|
|
[5] [[名前空間接頭辞]]は、それに対応すると[[宣言]]された[[名前空間URL]]を表しています。
|
| 29 |
|
|
[[CSS]] では [CODE(CSS)@en[[[@nemaspace]]]] [[@規則]]で、 [[XBL2]]
|
| 30 |
|
|
では [CODE(XMLa)@en[[[xmlns]]]] [[属性]]で[[名前空間接頭辞]]を[[宣言]]できます。
|
| 31 |
|
|
|
| 32 |
|
|
[EG[
|
| 33 |
|
|
[13]
|
| 34 |
|
|
[PRE(CSS example code)[
|
| 35 |
|
|
@namespace hoge 'http://hoge/';
|
| 36 |
|
|
hoge|* { color: blue }
|
| 37 |
|
|
]PRE]
|
| 38 |
|
|
... は [CODE(URI)@en[http://hoge/]] という[[名前空間]]の[[要素]]の色を指定しています。
|
| 39 |
|
|
]EG]
|
| 40 |
|
|
|
| 41 |
|
|
[7] [[名前空間接頭辞]]が[[空文字列]]であれば、[[名前空間]]なし ([[null名前空間]])
|
| 42 |
|
|
を表します [SRC[>>2]]。
|
| 43 |
|
|
|
| 44 |
|
|
[EG[
|
| 45 |
|
|
[14] [CODE(CSS)@en[|*]] は[[null名前空間]]の[[要素]]を表しています。
|
| 46 |
|
|
]EG]
|
| 47 |
|
|
|
| 48 |
|
|
[8] [[名前空間接頭辞]]が [CODE(CSS)[[[*]]]] であれば、任意の[[名前空間]]の任意の[[要素]]を表します。
|
| 49 |
|
|
[[null名前空間]]もこれに含まれます。 [SRC[>>2]]
|
| 50 |
|
|
|
| 51 |
|
|
[EG[
|
| 52 |
|
|
[15] [CODE(CSS)[*|*]] は [[HTML]] や [[XHTML2]] やその他任意の[[名前空間]]の[[要素]]を表しています。
|
| 53 |
|
|
]EG]
|
| 54 |
|
|
|
| 55 |
|
|
[9] [[名前空間接頭辞]]も [CODE(CSS)[[[|]]]] もなければ、[[既定名前空間]]が[[宣言]]されていればその[[名前空間]]、
|
| 56 |
|
|
[[宣言]]されていなければすべての[[名前空間]] ([CODE(CSS)[[[*]]]] と同じ。) の任意の[[要素]]を表します。 [SRC[>>2]]
|
| 57 |
|
|
|
| 58 |
|
|
[EG[
|
| 59 |
|
|
[16]
|
| 60 |
|
|
[PRE(CSS example code)[
|
| 61 |
|
|
* { color: blue }
|
| 62 |
|
|
]PRE]
|
| 63 |
|
|
... はすべての[[名前空間]]の任意の[[要素]]を表しています。一方
|
| 64 |
|
|
[PRE(CSS example code)[
|
| 65 |
|
|
@namespace 'http://www.w3.org/1999/xhtml';
|
| 66 |
|
|
* { color: blue }
|
| 67 |
|
|
]PRE]
|
| 68 |
|
|
... は [[HTML]] の任意の[[要素]]だけを表しています。
|
| 69 |
|
|
]EG]
|
| 70 |
|
|
|
| 71 |
wakaba |
1.6 |
[21] 暗黙の[[普遍選択子]] (>>18) にも[[既定名前空間]]が適用されるので、
|
| 72 |
|
|
一見[[名前空間]]の指定が無いように見えても実際には限定されていることがあります。
|
| 73 |
|
|
|
| 74 |
|
|
[EG[
|
| 75 |
|
|
[22] 例えば、
|
| 76 |
|
|
[PRE(CSS example code)[
|
| 77 |
|
|
@namespace 'http://hoge/';
|
| 78 |
|
|
:first-child { color: blue }
|
| 79 |
|
|
]PRE]
|
| 80 |
|
|
... は [CODE(URI)[http://hoge/]] 名前空間に属し、かつ最初の[[子要素]]であるものの色を変えています。
|
| 81 |
|
|
]EG]
|
| 82 |
|
|
|
| 83 |
wakaba |
1.3 |
* 妥当性
|
| 84 |
|
|
|
| 85 |
|
|
[6] [[宣言]]されていない[[名前空間接頭辞]]を使うと[[非妥当]]となります [SRC[>>2]]。
|
| 86 |
|
|
|
| 87 |
|
|
* 大文字と小文字
|
| 88 |
|
|
|
| 89 |
|
|
[12] [[名前空間接頭辞]]は[[大文字]]と[[小文字]]を区別します。
|
| 90 |
|
|
|
| 91 |
wakaba |
1.7 |
* 特異度
|
| 92 |
|
|
|
| 93 |
|
|
[23] [[普遍選択子]]は[[特異度]]の計算に含まれません。[[普遍選択子]]だけの[[選択子]]は他のどんな[[選択子]]よりも低い[[特異度]]になります。
|
| 94 |
|
|
|
| 95 |
wakaba |
1.3 |
* 関連
|
| 96 |
|
|
|
| 97 |
|
|
[17] [CODE(CSS)[[[*]]]] 以外の[[局所名]]を指定したものは[[普遍選択子]]と呼ばれます。
|
| 98 |
|
|
|
| 99 |
wakaba |
1.2 |
* メモ
|
| 100 |
|
|
|
| 101 |
|
|
[1]
|
| 102 |
|
|
[CITE@ja[ブラウザのデフォルトスタイルをリセットする手段、ユニバーサルセレクタとタイプセレクタの違いは? | Blog hamashun.com]] ([TIME[2007-09-07 18:09:49 +09:00]] 版) <http://www.hamashun.com/blog/2007/09/post_34.html>
|
Parent Directory
| 
Revision Log