CSS 可以像访问属性一样访问元素的内容吗？ [复制]答案

【问题标题】：Can CSS access the content of an element as it can the attributes? [duplicate]CSS 可以像访问属性一样访问元素的内容吗？ [复制]
【发布时间】：2011-11-13 19:47:17
【问题描述】：

可能重复：
'content' attribute to inherit node value

我知道你可以像这样访问元素属性的内容：

a[href]:after { content: " (" attr(href) ")"; }

有没有办法访问元素的实际文本内容？我需要做的是使页面上的<h2> 看起来好像是重复的（出于样式目的），而实际上没有在标记中重复它。

我不能用简单的text-shadow 来解决这个问题，因为我需要这个重复的版本出现在图像后面，而原始版本出现在上面。

【问题讨论】：

为什么要限制标记？我想不出可能要求不添加额外标记的原因——毕竟它不花钱。很想知道为什么会这样。
它不花钱。它需要一些额外的字符。
我在链接问题中的回答可能已经足够好了。是的，文本是重复的，但至少它只是在一个属性中，而不是在另一个元素中。我猜你不想出于语义原因复制它，或者可能是“SEO 目的”？
对。从语义上讲，仅出于样式设置目的而在标记中包含重复内容是个坏主意。
@thirtydot - 如果你把它作为答案，我会标记它。

标签： css

【解决方案1】：

以下可能会有所帮助

E::first-line   the first formatted line of an E element
E::before           generated content before an E element
E::after            generated content after an E element

但是我相信你想做的事情可以通过 z-index 和 position:relative 或 position:absolute 来完成。使用js复制h2标签，并添加一个类定位到图片后面。

【讨论】：