От автора: Назначение стилей внешним ссылкам – обычное дело для большинства информационных сайтов вроде Wikipedia. Пользователю нужно понимать, когда его отсылают на другой ресурс. У многих сайтов проверка внешних ссылок происходит на серверной стороне, при этом к ним добавляется значение атрибута rel=external или класс external. В некоторых случаях это невозможно или ненужно. Прогулявшись по «паутине», я обнаружил следующие полезные фрагменты CSS для назначения стилей внешним ссылкам.
|
1 2 3 4 5 6 7 8 9 10 |
/* долгая песня */ a[href^="//"]:not([href*="mysite.com"]), a[href^="//"]:not([href*="mysite.com"]), a[href^="//"]:not([href*="mysite.com"]), { } /* вариант покороче! */ a[href*="//"]:not([href*="mysite.com"]) { /* стили внешних ссылок, можно при желании употребить :before или :after! */ } |
Сначала придется уточнить начало ссылки, затем домен. Внутренние и внешние ссылки при сравнении не совпадут. Это полезный код, который при случае очень удобно иметь в своей библиотеке!
Автор: David Walsh
Источник: //davidwalsh.name/
Редакция: Команда webformyself.
Комментарии (1)