css - 伪元素是否可以继承父元素的文本？

Question

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

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

div::after {
  content: attr(data-text);
  display: block;
}

<div data-text="This is the data-text contetnt">This is the div content</div>

编辑

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

Answer 1

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

答案是不能用 CSS ( CSS "inner-html" technique? )

所以你必须使用 JS