Стилизация внешних ссылок + форматов mp3, pdf, email

Очень приятно видеть куда ведет ссылка. Этот CSS пример, позволит украсить разные типы ссылок, включая внешние ссылки, ссылки типа mailto: и ссылки на форматы файлов.

/* external links

The ^= specifies that we want to match links that begin with the http://

*/

a[href^="http://"]{

padding-right: 20px;

background: url(external.gif) no-repeat center right;

}

/* emails

The ^= specifies that we want to match links that begin with the mailto:

*/

a[href^="mailto:"]{

padding-right: 20px;

background: url(email.png) no-repeat center right;

}

/* pdfs

The $= specifies that we want to match links whose hrefs end with ".pdf".

*/

a[href$=".pdf"]{

padding-right: 20px;

background: url(pdf.png) no-repeat center right;

}

/* zip

Same as above but for zip files and it adds an icon at the right of the link. Therefore the :after

*/

a[href$=".zip"]:after{

content: url(icons/zip.png);

}