架空タグ列

架空タグ列

[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>てもねむいですね。

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