Приложение CSS: отображать разные значки в соответствии с типом файла

Иногда наш блог часто предоставляет некоторые ресурсы для скачивания, но в PJBLOG все ссылки загрузки представлены только одним значком. С новым селектором атрибутов CSS3, этой новой технологии мы можем отображать различные значки в соответствии с различными типами загруженных файлов.

Что мы хотим использовать здесь, так это
E [att $ = value] {…}

Его значение используется для выбора всех элементов E, которые заканчиваются значением. Тогда мы можем написать так:
a [href $ = '. Торрент'] {
Подкладка: 5px 20px 5px 0;
Фон: прозрачный URL (Icons/icon_torrent.gif) без повторного центра правого;
}
a [href $ = '. vcard'] {
Подкладка: 5px 20px 5px 0;
Фон: прозрачный URL (Icons/icon_vcard.gif) без повторного центра
}
a [href $ = '. exe'] {
Подкладка: 5px 20px 5px 0;
Фон: прозрачный URL (Icons/icon_exe.gif) без повторного центра правого;
}
a [href $ = '. dmg'], a [href $ = '. App'] {
Подкладка: 5px 20px 5px 0;
Фон: прозрачный URL (Icons/icon_dmg.gif) без повторного центра.
}