[1]

型選択子type selectorは、CSS修飾名によってマーク付け言語の要素型の名前を表したものです

>>2

。

意味

[3] 名前空間接頭辞を除いた部分 (| よりも後の部分) は要素の局所名を表しています >>2。

[4] 仕様書は名前空間に対応していれば

>>2

という前提でそうなっていますが、対応していない場合にどう解釈されるか明示的に規定していません。現実には最新の Webブラウザーは名前空間に対応したものばかりなのでもはや規定する意味はないのでしょうが。

[10] h1 は局所名が「h1」である要素を表します。

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

[13]

@namespace hoge 'http://hoge/';
hoge|fuga { color: blue }

... は http://hoge/ という名前空間の局所名 fuga の要素の色を指定しています。

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

[14] |h1 はnull名前空間の局所名 h1 の要素を表しています。

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

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

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

[16]

h1 { color: blue }

... はすべての名前空間の h1 要素を表しています。一方

@namespace 'http://www.w3.org/1999/xhtml';
h1 { color: blue }

... は HTML の h1 要素だけを表しています。

WebVTT

[36] WebVTT ではWebVTT中間節点オブジェクトが空文字列の名前空間に属する特定の要素名の要素であるものとして扱われます。 >>35

大文字と小文字

[11] 局所名の大文字と小文字の解釈はマーク付け言語に依存します。

[30] HTML文書中のHTML要素ではASCII大文字・小文字不区別です。それ以外、すなわち XML文書の要素や HTML文書中の HTML 以外の要素では大文字と小文字を区別します。

[39] これは厳密には次のようにしなければならない >>29 と定義されています。

[40] HTML文書のHTML要素に対しては、型選択子をASCII小文字に変換します。
[41] それ以外に対しては、元々の型選択子を使います。
[42] いずれにせよ、比較自体は大文字と小文字を区別して行います。

[43] つまりHTML文書中のHTML要素に関する限り CSS 側の大文字と小文字の違いは無視されますが、 DOM 側では小文字でなければならず (HTML構文解析器が作った要素は必ずそうなっています)、大文字を含む要素に一致することはありません。

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

歴史

CSS1

[27] Cascading Style Sheets: a draft specification (1995-05-31 21:05:57 +09:00 版) http://www.w3.org/Style/CSS/draft1.html#granularity

[28] 型選択子に相当するものは、特に名前はありませんでしたが、最初期から CSS に含まれていました。

CSS2

[25] Selectors (2001-01-16 00:22:58 +09:00 版) http://www.w3.org/TR/1998/WD-css2-19980128/selector.html#type-selectors
[18] Selectors (2011-06-07 22:09:52 +09:00 版) http://www.w3.org/TR/CSS2/selector.html#type-selectors

[26] 「型選択子」という名前の仕様上の初出は >>25 です。それまでは明確な名称がありませんでした。

[20] CSS2 まで型選択子と名前空間の関係は規定されていませんでした。 IE などは要素の修飾名と型選択子で一致するか判定する実装になっていました。

[21] そのことが >>22 や初期の選択子3には参考として含まれていましたが、最終版からは削除されています。

[34] SVG 1.1 は CSS2 を使っていますが、型選択子について局所名のみ一致に使うと規定していました >>33。

[33] Styling – SVG 1.1 (Second Edition) (2011-08-10 12:35:27 +09:00 版) http://www.w3.org/TR/SVG/styling.html#StylingWithCSS

選択子3

[22] CSS Namespace Enhancements (Proposal) (1999-06-26 07:15:29 +09:00 版) http://www.w3.org/1999/06/25/WD-css3-namespace-19990625/#tag-selector
[24] CSS3 module: W3C Selectors (2000-04-11 01:57:05 +09:00 版) http://www.w3.org/TR/2000/WD-css3-selectors-20000410#type-selectors

[23] 名前空間接頭辞をつけて名前空間に対応させることが >>22 で提案され、 >>24 で選択子3仕様に取り込まれました。

[32] 名前空間接頭辞は当初は大文字と小文字を区別しないことになっていましたが、最終的には区別することになりました。

HTML

[31] 選択子仕様書は要素名の大文字と小文字はマーク付け言語に依存するとして、 HTML と XML について例を挙げるにとどまっていますが、 HTML 仕様書がかわりにこれを規定するようになりました。 HTML の仕様書とは言え、 HTML と XML のすべての要素の扱いを規定しています。

WebVTT (2010)

[37] WebVTT 仕様書は選択子を WebVTT に対して適用する場合の解釈を規定しました。

仕様書

意味