Эффект, который мы хотим достичь, - это добавить небольшой значок ко всем ссылкам, которые указывают на этот сайт, чтобы сообщить пользователю, что нажатие на эту ссылку заставит вас покинуть этот сайт, который является внешней ссылкой. Конечно, это может быть достигнуто с помощью более сложного JavaScript, но теперь мы можем реализовать эту функцию с помощью селекторов свойств CSS 3.
a [href^= ”http:”] {
Фон: URL (images/externallink.gif) без повторного правого вершины;
Право накладки: 10px;
}
Приведенный выше код означает: все ссылки, начиная с HTTP: будет иметь небольшую значок стрелки, побуждая пользователя быть внешней ссылкой, и пользователь покинет этот сайт, нажав. Можно сказать, что эта функция очень удобна для пользователя и подчеркивает простоту использования веб-дизайна.
Конечно, это для ссылок на этот сайт, которые используют относительные адреса. Что если ссылка на этот сайт также начинается с HTTP:, или если она использует как абсолютные, так и относительные адреса? Мы можем использовать следующий код:
a [href^= ”http:”] {
Фон: URL (images/externallink.gif) без повторного правого вершины;
Право накладки: 10px;
}
a [href*= ”www.dudo.org»] {
Фон: нет;
Заполнение: 0;
}
Два выше двух правил: все значки, начиная с HTTP: добавляются по внешним ссылкам, за которым следует http://www.dudo.org/, и они не используются, поэтому они, естественно, относительно адреса, потому что они не имеют Начните с http.
Источник: http://www.dudo.org/article/cssjs/use_new_tech_of_css.htm