在伪元素的attr（）中使用元素的内容[重复]答案

【问题标题】：Use content of an element in attr() of pseudo-element [duplicate]在伪元素的attr（）中使用元素的内容[重复]
【发布时间】：2013-10-04 00:07:42
【问题描述】：

我有以下文字：

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

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

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

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

【问题讨论】：

不，不，你不能。您也许可以使用 CSS 计数器来模拟它（只要 42 是实际的 40 秒跨度，或者是 40 秒内的元素），但是 CSS 无法获取“元素的文本” ,' 除非该文本存储在（理想情况下是自定义 data-*）属性中
stackoverflow.com/questions/7175113/…

【解决方案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>

【讨论】：