title: Accessing the style property "content" on a :before pseudo selector
body: <p>I have about 250 font icons on a page and I would like to programmatically extract the Unicode values for each icon.</p>
  
  <p>A typical icon has corresponding CSS like this:</p>
  
  <pre><code>.icon-play:before {
      content: "\f04b";
  }
  </code></pre>
  
  <p><strong>What I've tried so far...</strong></p>
  
  <p><code>document.querySelectorAll('[class^=icon-]')</code> to access the icons (call each one <code>i</code> for now). <code>i.style</code> to try to access the style object. The problem is that the <code>i.style.content</code> value is empty.</p>
  
  <p>I've also tried to access the content this way <code>document.querySelectorAll('[class^=icon-]:before')</code> but this produces an empty result.</p>
  
  <p>Any help is appreciated. Thanks.</p>