css - 在伪元素的 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>