Parfois, notre blog propose souvent des ressources que d'autres peuvent télécharger, mais dans PJBlog, tous les liens de téléchargement sont représentés par une seule icône. Avec le nouveau sélecteur d'attributs CSS3, cette nouvelle technologie permet d'afficher différentes icônes selon différents types de fichiers téléchargés.
Ce que nous allons utiliser ici est
E [att$=value]{…}
Cela signifie sélectionner tous les éléments E se terminant par une valeur. On peut alors écrire ainsi :
a[href$='.torrent'] {
remplissage : 5px 20px 5px 0 ;
arrière-plan : URL transparente (icons/icon_torrent.gif) sans répétition au centre droit ;
}
a[href$='.vcard'] {
remplissage : 5px 20px 5px 0 ;
arrière-plan : URL transparente (icons/icon_vcard.gif) sans répétition au centre droit ;
}
a[href$='.exe'] {
remplissage : 5px 20px 5px 0 ;
arrière-plan : URL transparente (icons/icon_exe.gif) sans répétition au centre droit ;
}
a[href$='.dmg'], a[href$='.app'] {
remplissage : 5px 20px 5px 0 ;
arrière-plan : URL transparente (icons/icon_dmg.gif) sans répétition au centre droit ;
}