Иногда наш блог часто предоставляет некоторые ресурсы для загрузки другим, но в PJBlog все ссылки для скачивания представлены только одним значком. Благодаря новому селектору атрибутов CSS3 эта новая технология может отображать разные значки в зависимости от типа загруженных файлов.
Здесь мы собираемся использовать
E [att$=value]{…}
Это означает выбор всех элементов E, заканчивающихся значением. Тогда мы можем написать так:
а[href$='.torrent'] {
отступ: 5 пикселей 20 пикселей 5 пикселей 0;
фон: прозрачный URL-адрес (icons/icon_torrent.gif) без повторов по центру справа;
}
а[href$='.vcard'] {
отступ: 5 пикселей 20 пикселей 5 пикселей 0;
фон: прозрачный URL-адрес (icons/icon_vcard.gif) без повтора по центру справа;
}
а[href$='.exe'] {
отступ: 5 пикселей 20 пикселей 5 пикселей 0;
фон: прозрачный URL-адрес (icons/icon_exe.gif) без повтора по центру справа;
}
a[href$='.dmg'], a[href$='.app'] {
отступ: 5 пикселей 20 пикселей 5 пикселей 0;
фон: прозрачный URL-адрес (icons/icon_dmg.gif) без повтора по центру справа;
}