Consider the following test
The link content is replaced with the content of its target (I'd like to use this for footnotes, when the HTML does not have them inline). The problem is the styling of the content thus reused is completely lost. Is there some way to retain the formatting, or, better yet, to have a different format for both occurrences of the content?
Having a look at the CSS3 draft, it seems this could be supported by target-move(), while target-content() looks like target-text() instead.
<html>
<head>
<style>
a {
content: target-content(attr(href));
}
.invisible {
display: none;
}
</style>
</head>
<body>
<p><a href="#a1">Test</a></p>
<div id="a1">
<p class="visible">A visible paragraph with <b>bold</b></p>
<p class="invisible">An invisible paragraph</p>
</div>
</body>
</html>
The link content is replaced with the content of its target (I'd like to use this for footnotes, when the HTML does not have them inline). The problem is the styling of the content thus reused is completely lost. Is there some way to retain the formatting, or, better yet, to have a different format for both occurrences of the content?
Having a look at the CSS3 draft, it seems this could be supported by target-move(), while target-content() looks like target-text() instead.