2013-10-07 77 views
4

我試圖讓鏈接被訪問時,它始終是一種特定的顏色,並且當WebKit完全轉換它們時,它會與未訪問的鏈接匹配。a:訪問過的鏈接 - 不透明不起作用

使用此:

a:visited { 
    color:#cc7839; 
    opacity:0.1; 
} 

我能得到訪問過的鏈接永遠是色彩,除了透明度沒有做任何事情。我將它設置爲0.1,以便更容易查看它是否正在工作。

當我將鼠標懸停在已訪問的鏈接上時,它將轉換爲WebKit設置的不透明顏色:link:hover。

下面是這是在另一個文件中設置的所有鏈接的CSS:我想我必須要改變後者CSS的東西,其中a的元素,它指定條款

a:link:hover,a:hover,a:visited:hover { 
    color: #cc7839; 
    opacity:0.8; 
    text-decoration:none; 
    -webkit-transition:all 0.5s ease-in; 
    -moz-transition:all 0.5s ease-in; 
} 

+0

[用CSS訪問嵌套元素(可能的重複https://stackoverflow.com/questions/48114641/access-nested-elements- with-css) – Makyen

回答

3

不可能。您只能使用:visited選擇器更改元素的顏色。因此不透明不起作用。

SEC7115

:走訪:鏈接樣式只能通過顏色不同。

Reference here - 無法找到W3文檔說明它..

+1

Gotcha。所以沒有辦法真正實現我想要做的事情? – jspinella

+0

@JoshCrozier,這是爲了安全,*不*可用性。見https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ – Pacerier

+1

@Prier感謝您指出。這很有趣,我必須閱讀那篇文章。 –