title: CSS hyperlink styling
body: <p>I am successfully styling links leading to document downloads using such styling as below:</p>
  
  <pre><code>a[href $='.pdf']{
    background-image: url('http://myserver/pdficon_sm.gif');
  }
  </code></pre>
  
  <p>There many links to apply specific document icons to but there also are other links which connect to html pages and of course have no document extension.</p>
  
  <p><strong>I am trying to find a way to target all hyperlinks which have a <em>.ext</em>, with ext being anything like .doc, .pdf etc.</strong> Unfortunately, the markup does not have descriptive class data nor do I have access to add classes.</p>
  
  <p>This is so I can avoid repeating code like padding etc for all the target document extensions AND also to exclude non-document extension hyperlinks</p>
  
  <p><strong>ps:</strong> </p>
  
  <p>apologies if my first draft was unclear about the problem</p>