你能将css规则`content`应用于子元素吗？

Question

你可以将ccs规则内容应用于子元素吗？

css:

a:link:before, a:visited:before{
    content: " "attr(href)" ";
}

HTML:

<a href="/home">Home</a>

结果:

 -------------
|    /home    |
|    Home     |
 -------------

不过我想做以下事情:

HTML:

<a href="/home"><span>home</span></a>

使用前面的css,href值将出现在之前span.

有可能让它出现在span？

我试过这个.这是一个站点地图.

Answer 1

不，那不可能。

要使生成的内容在内部呈现span，您需要a:link span:before.

不幸的是，在这种情况下，content: " "attr(href)" ";将不再起作用，因为该a元素不再是选择器的主题 - the spanis，并且 thespan不具有该href属性。