Exibindo ícones para extensões de arquivos com css

Você já deve ter se perguntado como colocar um estilo automático para links com determinada extensão, pois bem aqui vai uma solução bem simples.

Exemplo de um link:
a href="files/holidays.pdf" View Holidays

Exemplo de css:
a[href $='.pdf'] {
padding-right: 18px;
background: transparent url(icon_pdf.gif) no-repeat center right;
}

clique aqui para ver maiores detalhes.