/* внешние ссылки */
a[href^="http://"] {
padding-right: 13px;
background: url('external.gif') no-repeat center rightright;
} 

/* адреса электронной почты */
a[href^="mailto:"] {
padding-right: 20px;
background: url('email.png') no-repeat center rightright;
} 

/* pdf */
a[href$=".pdf"] {
padding-right: 18px;
background: url('acrobat.png') no-repeat center rightright;
}

Довольно малоизвестный клочок CSS, но я люблю его за креативность! С помощью селекторов CSS вы можете определить тип файла своих ссылок и выполнить иконки как фоновые изображения. Они могут включать различные протоколы (HTTP, FTP, IRC, mailto) или просто сами типы файлов (mp3, avi, pdf).

Добавлено: 12 Апреля 2018 07:16:29 Добавил: Андрей Ковальчук Нравится 0

Добавить