Aplicación CSS: Muestre diferentes iconos según el tipo de archivo

A veces nuestro blog a menudo proporciona algunos recursos para que otros lo descarguen, pero en PJBlog, todos los enlaces de descarga están representados por un solo icono. Con el nuevo selector de atributos CSS3, esta nueva tecnología, podemos mostrar diferentes iconos de acuerdo con los diferentes tipos de archivos descargados.

Lo que queremos usar aquí es
E [att $ = valor] {...}

Su significado se usa para seleccionar todos los elementos E que terminan con un valor. Entonces podemos escribir así:
a [href $ = '. torrent'] {
relleno: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_torrent.gif) sin repetir centro derecho;
}
A [href $ = '. VCard'] {
relleno: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_vcard.gif) sin repetir centro derecho;
}
a [href $ = '. exe'] {
relleno: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_exe.gif) sin repetir centro derecho;
}
a [href $ = '. dmg'], a [href $ = '. App'] {
relleno: 5px 20px 5px 0;
Antecedentes: URL transparente (icons/icon_dmg.gif) sin repetir centro derecho;
}