伪元素是否可以继承父元素的文本?

Joh*_*911 5 css

我需要为某些 div 复制文本并设置不同的样式。我将为此使用伪元素。

关于content属性,我知道我可以像在下面的演示代码中一样从父元素中获取属性,但是有没有办法获取父元素的实际文本?我没有在文档或网上找到任何说可以或不能完成的内容。

div::after {
  content: attr(data-text);
  display: block;
}
Run Code Online (Sandbox Code Playgroud)
<div data-text="This is the data-text contetnt">This is the div content</div>
Run Code Online (Sandbox Code Playgroud)

编辑

我要补充的是,如果这是在 JS 中完成的,它将使用textContent属性而不是innerHTML属性

Tom*_*ore 1

我认为您基本上是在问是否可以获得 DOM innerHTML 属性的等效项。

答案是它不能在 CSS 中完成(CSS“inner-html”技术?

所以你必须使用JS