Is there a way to inherit node value into content
attribute?
Like, if <h2/>
tag value is set to "Random title", can I get this value inside content
attribute in CSS?
I've tried content: inherit;
, but it doesn't seem to work.
An example of my theory:
HTML:
<h2>Random title</h2>
CSS:
h2:after {
content: inherit; /* should be "Random title" */
}
Thanks in advanc开发者_如何学运维e!
No, there's no way to do that. That's not what inherit
is for.
The closest you can get is this:
<h2 data-title="Random title">Random title</h2>
h2:after {
content: attr(data-title);
}
..which is obviously horrible because of the duplication.
CSS3 has a way, content: contents;
but (a) it seems to be contrived in such a way as to not be useful; and (b) probably isn't implemented anywhere yet. See http://dev.w3.org/csswg/css3-content/#contents0
@thirtydot's answer is correct for now, at least.
精彩评论