如何使訪問鏈接無法訪問？

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規則，作爲此問題的簡單測試基礎。