В CSS посещенная ссылка не меняет цвет
Я новичок, изучаю веб-разработку.
Ниже приведен мой файл test.html и файлы test.css во фрагменте ниже.
Теперь у меня есть последние версии браузеров Mozilla Firefox (66.0.5) и Chrome (74.0.3729.131). У меня есть настройка в Firefox, чтобы никогда не помнить историю. Но в Chrome есть настройка для запоминания истории. Когда я открываю test.html, цвет ссылки становится красным в Firefox и синим в Chrome. Нажатие на ссылку не меняет цвета в этих браузерах. Итак, в чем причина такого поведения и как сделать, чтобы ссылка становилась синей только после ее нажатия?
/* give red color to web link */
a {
color: red ;
}
/* give blue color to the link after its
visited */
a:visited {
color: blue ;
}<!DOCTYPE html>
<html lang = "en" dir = "ltr">
<head>
<meta charset = "utf-8">
<title></title>
<link rel = "stylesheet" href = "test.css">
</head>
<body>
<a href = "http://www.google.com">Go to Google !</a>
</body>
</html>@Рэйчел, спасибо. Это намного лучше, чем a:visited. Как мне выбрать ваш ответ здесь, если это просто комментарий?
Я добавлю это (если вы настаиваете ;))
@Rachel, пожалуйста :) Большое спасибо!
Ответы 1
Вместо a:visited используйте а: фокус`.
Для меня это оказалось более надежным, так как цвет меняется, когда ссылка получает фокус, посещенные кажутся ненадежными, поскольку кэшированные посещения влияют на это ..boo
Надеюсь это поможет
попробуйте использовать a: focus