Определение :visited
Селектор :visited используется для выбора посещенных ссылок.
Совет: Используйте селектор :link для стиля ссылок на непросмотренные страницы, селектор :hover для стиля ссылок при наведении на них курсора мыши, селектор :active для стиля ссылок при нажатии на них.
Браузеры ограничивают стили, которые могут быть установлены для посещенных ссылок, из-за проблем безопасности.
Разрешенные стили:
- color
- background-color
- border-color (и border-color для отдельных сторон)
- outline color
- column-rule-color
- color части заполнения и обводки
Все остальные стили наследуются от a:link.
| Версия: | CSS1 |
|---|
Поддержка браузеров :visited
Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.
| Селектор | |||||
|---|---|---|---|---|---|
| :visited | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Синтаксис :visited
:visited {
css декларации;
}
Ещё примеры :visited
Пример
Установить селектор и стиль unvisited, visited, hover, и active ссылки:
/* непросмотренная ссылка */
a:link {
color: green;
}
/* посещенная ссылка */
a:visited {
color: green;
}
/* наведите указатель мыши на ссылку */
a:hover {
color: red;
}
/* выбранная ссылка */
a:active {
color: yellow;
}
Попробуйте сами »
Пример
Установить стиль ссылки с различными стилями:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Попробуйте сами »
Похожие страницы :visited
CSS Учебник: CSS Ссылки
CSS Учебник: CSS Псевдо классы