Posted By

neal_grosskopf on 12/07/07

Tagged

css
CSS3

Versions (?)

Last Edited at 12/07/07 05:50pm

Statistics

Viewed 993 times

Favorited by 11 user(s)

Related snippets

Style Links By File Type

/ Published in: CSS

Style external, email, and pdf links using css3 attribute selectors.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

/* external links */
a[href^="http://"] 
{
padding-right: 13px;
background: url(external.gif) no-repeat center right;
}
 
/* emails */
a[href^="mailto:"]
{
padding-right: 20px;
background: url(email.png) no-repeat center right;
}
 
/* pdfs */
a[href$=".pdf"]
{
padding-right: 18px;
background: url(page_white_acrobat.png) no-repeat center right;
}