Aplicativo CSS: exiba ícones diferentes de acordo com o tipo de arquivo

Às vezes, nosso blog geralmente fornece alguns recursos para outros baixarem, mas no PJblog, todos os links de download são representados por apenas um ícone. Com o novo seletor de atributos CSS3, essa nova tecnologia, podemos exibir ícones diferentes de acordo com os diferentes tipos de arquivos baixados.

O que queremos usar aqui é
E [att $ = valor] {…}

Seu significado é usado para selecionar todos os elementos e que terminam com um valor. Então podemos escrever assim:
a [href $ = '. torrent'] {
preenchimento: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_torrent.gif) sem repetição à direita;
}
a [href $ = '. vcard'] {
preenchimento: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_vcard.gif) sem repetição à direita;
}
a [href $ = '. exe'] {
preenchimento: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_exe.gif) sem repetição à direita;
}
a [href $ = '. dmg'], a [href $ = '. App'] {
preenchimento: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_dmg.gif) sem repetição à direita;
}