Can you apply the css rule `content` to child elements?

Can you apply the ccs rule content to child elements?

css :

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

html :

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

Result :

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

However I would like to do the following:

html :

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

With the previous css the href value would appear before the span.

Is it poss开发者_C百科ible to make it appear in the span?

I've tried this. It's for a sitemap.

---

No, that's not possible.

To make generated content render inside the span, you need a:link span:before.

Unfortunately, in that case, content: " "attr(href)" "; will no longer work, because the a element is no longer the subject of the selector - the span is, and the span does not have the href attribute.

---

It is not possible because attr(...) works only for the element itself but you actually need something like this:

a:link > span:before { content: " "parent.attr(href)" "; }

But no such thing as parent.attr() in CSS.