Aplikasi CSS: Menampilkan ikon yang berbeda sesuai dengan jenis file

Terkadang blog kami sering menyediakan beberapa sumber daya untuk diunduh orang lain, tetapi di pjblog, semua tautan unduhan diwakili hanya oleh satu ikon. Dengan pemilih atribut CSS3 yang baru, teknologi baru ini, kami dapat menampilkan ikon yang berbeda sesuai dengan berbagai jenis file yang diunduh.

Yang ingin kami gunakan di sini adalah
E [att $ = value] {...}

Artinya digunakan untuk memilih semua elemen E yang diakhiri dengan nilai. Lalu kita bisa menulis seperti ini:
A [href $ = '. Torrent'] {
Padding: 5px 20px 5px 0;
Latar Belakang: URL Transparan (Ikon/Icon_Torrent.gif) No-Repeat Center Right;
}
a [href $ = '. vcard'] {
Padding: 5px 20px 5px 0;
Latar Belakang: URL Transparan (Ikon/ICON_VCARD.gif) No-RePeat Center Right;
}
a [href $ = '. exe'] {
Padding: 5px 20px 5px 0;
Latar Belakang: URL Transparan (Ikon/ICON_EXE.GIF) NO-REPEAT CENTER Right;
}
A [href $ = '. Dmg'], a [href $ = '. App'] {
Padding: 5px 20px 5px 0;
Latar Belakang: URL Transparan (Ikon/ICON_DMG.GIF) NO-RePeat Center Right;
}