在伪元素的attr（）中使用元素的内容

Question

我有以下文字：

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

我想用这样的东西创建一个伪元素：

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

这样，伪元素的内容就是元素的文本，在这种情况下是42.我可以通过一些技巧做出类似的事情吗？

Answer 1

您只能这样做： DEMO

<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>