pseudo href type

by James Doyle

HTML

<a href="myPDF.pdf">Download this pdf</a>
<br />
<a href="tel:555-555-5555">Call this phone</a>
<br />
<a href="mailto:[email protected]">Email this guy</a>

CSS

a {
  color: #333;
  text-decoration: none;
}

a:before {
  content: '';
    background: #333;
    display:block;
    color: #fff;
  font: bold 12px/12px "Web Symbols";
    text-align: center;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    border-radius: 5px;
    margin: 1px 4px 0;
    padding: 2px 6px;
    float:left;
}

a[href$=".pdf"]:before {
    content: 'a';
}

a[href^="tel:"]:before {
    content: 'TEL';
}

a[href^="mailto:"]:before {
    content: '@';
}