'content' 属性继承节点值答案

【问题标题】：'content' attribute to inherit node value'content' 属性继承节点值
【发布时间】：2023-03-18 20:30:02
【问题描述】：

有没有办法将节点值继承到content 属性中？

例如，如果<h2/> 标签值设置为“随机标题”，我可以在 CSS 中的content 属性中获取此值吗？

我试过content: inherit;，但它似乎不起作用。

我的理论的一个例子：

HTML：

<h2>Random title</h2>

CSS：

h2:after {
    content: inherit; /* should be "Random title" */
}

提前致谢！

【问题讨论】：

【解决方案1】：

不，没有办法做到这一点。那不是inherit is for。

你能得到的最接近的是：

<h2 data-title="Random title">Random title</h2>

h2:after {
    content: attr(data-title);
}

..由于重复，这显然很可怕。

【讨论】：

请注意，如果您希望以这种方式“继承”Unicode 字符代码，您应该使用&#x[code]; 的HTML 字符转义形式，例如data-title="&#xe001;"。这在使用基于字体的图标（如 IcoMoon）时很有用。
我认为这是一个绝妙的主意，无论如何。
这很有用！

【解决方案2】：

CSS3 有一个方法，content: contents; 但是（a）它似乎被设计成没有用处； (b) 可能还没有在任何地方实施。见http://dev.w3.org/csswg/css3-content/#contents0

@thirtydot 的回答至少目前是正确的。

【讨论】：