A veces, nuestro blog suele proporcionar algunos recursos para que otros los 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 puede mostrar diferentes íconos según los diferentes tipos de archivos descargados.
Lo que vamos a utilizar aquí es
E [att$=value]{…}
Significa seleccionar todos los elementos E que terminan con valor. Entonces podemos escribir así:
a[href$='.torrent'] {
relleno: 5px 20px 5px 0;
fondo: URL transparente (icons/icon_torrent.gif) centro derecha sin repetición;
}
a[href$='.vcard'] {
relleno: 5px 20px 5px 0;
fondo: URL transparente (icons/icon_vcard.gif) centro derecha sin repetición;
}
a[href$='.exe'] {
relleno: 5px 20px 5px 0;
fondo: URL transparente (icons/icon_exe.gif) centro derecha sin repetición;
}
a[href$='.dmg'], a[href$='.app'] {
relleno: 5px 20px 5px 0;
fondo: URL transparente (icons/icon_dmg.gif) centro derecha sin repetición;
}