Application CSS: Affichez différentes icônes en fonction du type de fichier

Parfois, notre blog fournit souvent des ressources à télécharger d'autres, 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'attribut CSS3, cette nouvelle technologie, nous pouvons afficher différentes icônes en fonction des différents types de fichiers téléchargés.

Ce que nous voulons utiliser ici est
E [att $ = valeur] {…}

Sa signification est utilisée pour sélectionner tous les éléments E qui se terminent par une valeur. Ensuite, nous pouvons écrire comme ceci:
a [href $ = '. torrent'] {
rembourrage: 5px 20px 5px 0;
CONTEXTE: URL transparente (icônes / icon_torrent.gif) Centre sans répétition à droite;
}
a [href $ = '. vCard'] {
rembourrage: 5px 20px 5px 0;
Contexte: URL transparente (icônes / icon_vcard.gif) Centre sans répétition à droite;
}
a [href $ = '. exe'] {
rembourrage: 5px 20px 5px 0;
CONTEXTE: URL transparente (icônes / icon_exe.gif) Centre sans répétition à droite;
}
a [href $ = '. dmg'], a [href $ = '. app'] {
rembourrage: 5px 20px 5px 0;
Contexte: URL transparente (icônes / icon_dmg.gif) Centre sans répétition à droite;
}