Почему отображает content у :visited, когда я задаю только для :link?

Question

[partyzanx]

Привет. Хочу чтобы перед непосещёнными ссылками отображался контент, но почему-то этот контент не убираются перед посещёнными ссылками, но меняет свой цвет.

.minientry > a:link:before {content: 'not seen ';color: red;} 
.minientry > a:visited:before {content: ''; }

<div class="minientry"><a>theme1</a></div>
<div class="minientry"><a>theme2</a></div>

Нижняя ссылка не посещена. По идее, не должно отображаться not seen, но оно отображается, просто не красного цвета.

Answer 1

[Сергей]

https://stackoverflow.com/questions/16180422/canno...

В общем для посещенных ссылок нельзя сделать контент.

Comments

[partyzanx]

угу, теперь ищу другое решение

Answer 2

[ElijahTr]

Допустимо менять:

color
background-color
border-color
outline-color
fill
stroke
column-rule-color

Пример "все в одном" (результат в разных браузерах может отличаться немного):
https://codepen.io/elijah_tr/pen/gXXLYB

Comments

[partyzanx]

Спасибо огромное!