Display the file type as an image on a linkTag(s): HTML/CSS
<style>
a[href$='.pdf'] {
display:inline-block;
padding-right:20px;
line-height:18px;
background:transparent url(../images/pdf.gif) center right no-repeat;
}
</style>
It looks like
The $ operator means "ends with".
The ^ operator means starts with, so it's possible to detect "http:" or "mailto:" link and display special icon!
<style>
a[href^="mailto:"] {
display:inline-block;
padding-right:20px;
background:transparent url(../images/link.jpg) center right no-repeat;
}
</style>
It looks like
See this interesting article more infos on the subject.