Terkadang blog kita sering kali menyediakan beberapa resource untuk diunduh orang lain, namun di PJBlog, semua link download hanya diwakili oleh satu ikon saja. Dengan pemilih atribut CSS3 baru, teknologi baru ini dapat menampilkan ikon berbeda sesuai dengan jenis file unduhan berbeda.
Apa yang akan kita gunakan di sini adalah
E [att$=value]{…}
Artinya memilih semua elemen E yang diakhiri dengan nilai. Maka kita bisa menulis seperti ini:
a[href$='.torrent'] {
bantalan: 5px 20px 5px 0;
latar belakang: url transparan(icons/icon_torrent.gif) tidak ada pengulangan di kanan tengah;
}
a[href$='.vcard'] {
bantalan: 5px 20px 5px 0;
latar belakang: url transparan(icons/icon_vcard.gif) tidak ada pengulangan di kanan tengah;
}
a[href$='.exe'] {
bantalan: 5px 20px 5px 0;
latar belakang: url transparan(icons/icon_exe.gif) tanpa pengulangan di tengah kanan;
}
a[href$='.dmg'], a[href$='.app'] {
bantalan: 5px 20px 5px 0;
latar belakang: url transparan(icons/icon_dmg.gif) tidak ada pengulangan di kanan tengah;
}