'content'属性用于继承节点值

时间:2011-08-24 12:05:15

标签: css css3 css-content

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

比如,如果<h2/>标记值设置为“随机标题”,我可以在CSS中的content属性中获取此值吗?

我已经尝试了content: inherit;,但它似乎无效。

我的理论的一个例子:

HTML:

<h2>Random title</h2>

CSS:

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

提前致谢!

2 个答案:

答案 0 :(得分:14)

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

你能得到的最接近的是:

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

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

..由于重复,这显然是可怕的。

答案 1 :(得分:8)

CSS3有一种方式,content: contents;但是(a)它似乎是以一种无用的方式设计的; (b)可能尚未在任何地方实施。见http://dev.w3.org/csswg/css3-content/#contents0

@ thirtydot的答案现在至少是正确的。