CSS3

CSS関数

target-counter()

  編集:2022.07.04 by T.A.

[Edge]⛌?。→mdn

cross 参照と各種。

target-counter( [<string> | <url>], <custom-ident>, <counter-style>? )

target-counter() 関数は、【ターゲットにされた要素のカウンター集合内の】[所与の名前を伴う最内縁カウンター]の値を検索取得する。引数には[ターゲットの URL、カウンターの名前]が要求される。省略可能な <counter-style> 引数を利用すれば結果を整形できる。

この関数は、現在の文書内の所在を指している素片 URL のみをとる。[素片が無い/参照先の ID がそこに無い/URL は文書の外側を指している]場合、ユーザー エージェントはエラーとして扱うものとする。

CSS :

a::after{
  content: target-counter(attr(href url), page)
}

HTML:

…それについては、<a href="#chapter4_sec2"></a> ページにて論じる。

結果:

関連

target-counter()counter()counters()


テスト
HTML:

ここに表示
HTML:

ここに表示