Linkuri diferite in functie de continut

De multe ori poate ca avem un link de genul mailto sau un alt timp de link si dorim sa le afisam total diferit fata de celelalte. Acum exista o solutie:

[css]
<pre>/* linkuri externe */
a[href^="http://"]
{
padding-right: 13px;
background: url(external.gif) no-repeat center right;
}

/* emailuri */
a[href^="mailto:"]
{
padding-right: 20px;
background: url(email.png) no-repeat center right;
}

/* pedefeuri */
a[href$=".pdf"]
{
padding-right: 18px;
background: url(acrobat.png) no-repeat center right;
}</pre>
[/css]