css - 疑似要素の attr() で要素のコンテンツを使用する

Question

次のテキストがあります。

<span class="page-number">42</span>

そして、次のような疑似要素を作成したいと思います。

span.page-number::after {
    content: attr(text());
}

疑似要素のコンテンツが要素のテキスト、この場合は 42 であるようにします。トリックを使ってそのようなことを行うことはできますか?

Answer 1

あなただけができること:デモ

<span class="page-number" data-number="item No.42">42</span>

span:after {
    content: attr(data-number);
}

またはあなたの場合：

<span class="page-number" data-number="42"></span>