Как сделать посещенные ссылки недоступными?

Question

Ошибка при посещении ссылок, не изменяющихся в цвет, который они должны использовать. То, что должно было понизиться, - черное с 70% непрозрачностью. Когда вы наводите на него курсор, он должен перейти на aliceblue со 100% непрозрачностью. Это работает только на невидимых ссылках. Посещенные ссылки должны быть и точно совпадают с нормальными ссылками, кроме того, что они не меняются должным образом.

a{ 
transition: color 1s ease; 
} 

a:link { 
display: inline-block; 
margin-left: 20px; 
color: rgba(0,0,0,0.7); 
font-weight: 700; 
font-size: 14px; 
text-decoration: none; 
font-family: arial; 
text-transform: uppercase; 
} 

a:hover{ 
color: aliceblue; 
text-decoration: none; 
font-family: arial; 
text-transform: uppercase; 
} 

a:visited{ 
transition: color 1s ease; 
display: inline-block; 
color: rgba(0,0,0,0.7); 
margin-left: 20px; 
font-weight: 700; 
font-size: 14px; 
text-decoration: none; 
font-family: arial; 
text-transform: uppercase; 
} 

Answer 1

Это проблема со стилями каскадом в CSS, как указано здесь:

https://stackoverflow.com/a/1536822/3990818

a:hover должны быть помещены после правила a:link и a:visited не

Если это делается, a:visited будет отменен a:hover.

Вы также можете поэкспериментировать с этим по адресу http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_link_more1, переставив различные правила CSS, в качестве простой площадки для тестирования этой проблемы.