title: Can you apply the css rule `content` to child elements?
body: <p>Can you apply the ccs rule content to child elements?</p>
  
  <p>css :</p>
  
  <pre><code>a:link:before, a:visited:before{
      content: " "attr(href)" ";
  }
  </code></pre>
  
  <p>html :</p>
  
  <pre><code>&lt;a href="/home"&gt;Home&lt;/a&gt;
  </code></pre>
  
  <p>Result : </p>
  
  <pre><code> -------------
  |    /home    |
  |    Home     |
   -------------
  </code></pre>
  
  <p>However I would like to do the following:</p>
  
  <p>html :</p>
  
  <pre><code>&lt;a href="/home"&gt;&lt;span&gt;home&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>With the previous css the <code>href</code> value would appear before the <code>span</code>.</p>
  
  <p><strong>Is it possible to make it appear in the <code>span</code>?</strong></p>
  
  <p>I've tried <a href="http://jsfiddle.net/c9UmJ/2/" rel="noreferrer">this</a>. It's for a sitemap.</p>