Как установить цвет посещённой ссылки?
Как только пользователь открывает документ, на который указывает ссылка, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещенных ссылок, используйте псевдокласс :visited , который добавляется к селектору A , как показано в примере 1.
Пример 1. Цвет посещенных ссылок
HTML5 CSS 2.1 IE Cr Op Sa Fx
Цвет ссылок Посещённой ссылка становится после того, как на неё щёлкнули и перешли по ней на новую страницу.
Результат данного примера показан ни рис. 1.
Рис. 1. Цвет посещённой ссылки
В примере рядовая текстовая ссылка имеет красный цвет, а посещённая — оливковый.
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как поменять цвет посещенной ссылки , но не везде
Всем привет , столкнулся с проблемой , возможно ли не поменять а убрать полностью цвет посещенной ссылки в css ? Копаю гугл , везде написано поставить тотже цвет что и цвет текста , но такой вариант не подходит, так как на сайте есть разные блоки с разными цветами. Спасибо
Отслеживать
задан 27 сен 2016 в 11:26
1,395 19 19 серебряных знаков 47 47 бронзовых знаков
Что такое «убрать цвет»? Сделать цвет ссылки равным цвету фона?
27 сен 2016 в 11:59
3 ответа 3
Сортировка: Сброс на вариант по умолчанию
a, a:visited, a:hover, a:active
Отслеживать
ответ дан 27 сен 2016 в 11:36
1,753 1 1 золотой знак 15 15 серебряных знаков 21 21 бронзовый знак
Вы сказали, что «на сайте есть разные блоки с разными цветами», т.е. эти блоки имеют свой класс, этим вы и можете воспользоваться.
Например у Вас используются блоки с классом .a1 и .a2. Если Вам надо поменять цвет посещённой ссылки в .a1, то сделайте так:
.a1 a:visited
А если нужно поменять цвет посещённой ссылки везде, кроме этих DIVов, то пишите так:
a:visited .a1 a:visited, .a2 a:visited
Как задать цвет посещённых ссылок?
Как только пользователь открывает ссылку, она помечается как посещённая и меняет свой цвет на фиолетовый, установленный по умолчанию. Чтобы задать вид оформления посещённых ссылок, используйте псевдокласс :visited, который добавляется к селектору A , как показано в примере 1.
Пример 1. Цвет посещённых ссылок
Результат данного примера показан ни рис. 1. Обычные ссылки заданы красным цветом, а посещённые — серым.
Рис. 1. Цвет посещённой ссылки
См. также
- Атрибут vlink
- Виды ссылок
- Псевдокласс :visited
- Псевдоклассы в CSS
- Типы ссылок
Цвет ссылок
С помощью HTML можно задавать цвета всех ссылок на странице, а также изменять цвета для отдельных ссылок.
Задание цвета всех ссылок на странице
Цвета ссылок задаются в качестве атрибутов тега . Атрибуты являются необязательными и если они не указаны используются значения по умолчанию.
link — определяет цвет ссылок на веб-странице (цвет по умолчанию синий, #0000FF).
alink — цвет активной ссылки. Цвет ссылки меняется при нажатии на ней кнопки мыши. Цвет по умолчанию красный, #FF0000.
vlink — цвет уже посещенных ссылок. Цвет по умолчанию фиолетовый, #800080.
В HTML цвета задаются обычно цифрами в шестнадцатеричном коде, в виде #rrggbb , где r, g и b обозначают соответственно красную, зеленую и синюю составляющую. Для каждого цвета задается шестнадцатеричное значение от 00 до FF, что соответствует диапазону от 0 до 255 в десятичном исчислении. Затем эти значения объединяются в одно число, перед которым ставится символ # (пример 1).
Пример 1. Задание цветов ссылок
Цвет ссылок Содержание сайта
Цвет не обязательно задавать в шестнадцатеричном формате, можно использовать и ключевые слова. В данном примере цвет фона веб-страницы установлен черным, а цвет ссылок — красным.
Для изменения цвета ссылок удобнее использовать CSS. Чтобы установить цвет для всех ссылок на веб-странице применяются следующие псевдоклассы, которые добавляются к селектору A .
visited — Стиль для посещенной ссылки.
active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
hover — Стиль для ссылки при наведении на нее мышью.
В примере 2 показано, как изменить цвет ссылок на веб-странице с помощью стилей. Для этого воспользуемся стилевым свойством color , оно задает цвет определенного текста, в данном случае, ссылок.
Пример 2. Цвет ссылок, заданных через стили
Использование стилей Содержание сайта
Задание цвета отдельных ссылок на странице
Вышеописанный способ задания цветов работает для всех ссылок веб-страницы. Однако, иногда возникает необходимость одновременно использовать разные цвета. Светлые, например, для темных областей веб-страницы, а темные цвета — соответственно для светлых. Для этого также можно воспользоваться стилями.
Пример 3. Изменение цвета ссылки с помощью стилей
Цвет ссылок Содержание сайта
Интернет-маркетинг
Юзабилити
В данном примере приведены три разных способа задания цвета с помощью стилей.