title: a[type="application/pdf"] vs a[href$=".pdf"]
body: <p>What is the difference between these 2 selectors     <code>a[type="application/pdf"]</code> and <code>a[href$=".pdf"]</code></p>
  
  <pre><code>a[type="application/pdf"] { 
    background-image: url(/images/pdf.gif);
    padding-left: 20px;
  }
  
  a[href$=".pdf"] { 
    background-image: url(/images/pdf.gif);
    padding-left: 20px;
  }
  </code></pre>