架空タグ列

Edit New

架空タグ列

[1] 架空タグ列 (fictional tag sequence) は、 元々の文書に存在していないタグを書き足すことによって擬似要素が生成される範囲を説明したものです。 選択子や CSS の仕様書で用いられています。

[2] 架空タグ列で使われる架空の開始タグを架空開始タグ (fictional start tag) といいます。

仕様書

歴史

CSS1

[7] CSS1 では架空タグ列は擬似クラスと擬似要素の動作を説明するものとされていました。

CSS2

[8] CSS2 以降は擬似クラスには使われず、擬似要素の説明にだけ使われています。

CSS3

[9] CSS3 では架空マーク付け (fictional markup) と呼ばれることもあります。

例

[3] HTML

<p><span>こんにちは</span>、なんだかとってもねむいですね。

... と CSS

p::first-letter {
  color: blue;
}
p::first-line {
  font-weight: bolder;
}

... から生成される架空タグ列は、例えば

<p><p::first-line><span><p::first-letter>こ</p::first-letter>んにちは</span>、なんだかとっ</p::first-line>てもねむいですね。

... のようになります。

Updated: