CSS стилизация ссылки внутри класса div

Question

Я пытаюсь помешать ссылке стать фиолетовым, когда вы нажимаете на нее.Моя ссылка находится внутри div с именем класса "header".Кажется, мой код не работает, а ссылка остается фиолетовым.

.header a:visited {
    color: black;
}

Answer 1

: селектор посещаемости используется для выбора посещенных ссылок.Если ваш HTML выглядит так, как показано ниже, он должен работать, возможно, вы захотите использовать: focus или: active?

.header a:visited {
    color: black;
}

.header a:focus {
    color: pink;
}
<div class="header">
  <a href="#">sdfsd</a>
</div>

Answer 2

try ctrl + shift + r, может быть просто кеш в браузере.

Answer 3

a:visited {
    color: black;
}

<div>
<a href="https://codepen.io/">Link</a>
</div>