Мне нужно покрасить конкретную ссылку в соответствии с пользовательской операцией

Question

Мне нужно раскрасить ссылку в соответствии с действиями пользователя.Например, предположим, что я хочу установить "не посещаемый цвет" для ссылки:

  a.newlink:link  {
      color: red;
    }

<a href="/privacy" target="_blank" class="newlink">New link</a>

Но это не работает.Кто-нибудь может мне помочь?

Answer 1

.newlink:link  {
        color: red;
    }

<a href="/privacy" target="_blank" class="newlink">new link</a>

Answer 2

Не нужно добавлять class или что-либо еще!
Вы должны использовать селектор :not(:visited) по вашей ссылке:

a:not(:visited) { 
  color: red;
}

<a href="/privacy" target="_blank">Link</a>

Надеюсь, это поможет.

Answer 3

Поскольку имя класса применяется к тому же тегу a, правило должно быть a.className

  a.newlink:link  {
    color: red;
  }

Пример

a.newlink:link  {
    color: green;
  }

<a href="/privacy" target="_blank" class="newlink">Test</a>