2013-08-21 32 views
0

我剛剛浪費了一個下午,發現CSS中的a:visited選擇器除了少數與顏色直接相關的所有屬性外都是禁用的(請參見:http://www.impressivewebs.com/styling-visited-links/) 。取消設置背景值vs:a鏈接

無論如何,我想知道是否可以取消爲a:link設置屬性?我有一個使用CSS漸變填充背景的a:link選擇器,但如果這可能變爲灰色a:visited會很好。

根據新的實施,可以設置爲background-colora:visited,但不幸的是這得到由background屬性爲a:link因爲a:visited現在不能使用background覆蓋。

我只想爲a:visited取消設置背景,以便使用background-color。有誰知道這是否可能?

回答

0

使用,而不是一個:鏈接,背景顏色

看到小提琴here

a{ 
    background: green; 
} 
a:visited{ 
    background: orange; 
} 
0

給你的超級鏈接inline-block的的顯示風格

a{ 
    display: inline-block; 
    background-color: red; 
    //this becomes the default bgcolor; override it in subsequent pseudo state styles 
} 

這允許您指定您的超鏈接的背景顏色。

你有正常指定以下順序

  • 超鏈接的樣式:鏈接 - 正常,未訪問鏈接
  • 一個:拜訪 - 用戶已經訪問
  • 鏈接
  • 答:懸停 - 一個鏈接時,在它的用戶移動鼠標
  • 一:主動 - 點擊時的鏈接

按此順序訪問的鏈接樣式將覆蓋正常的鏈接樣式。所以,你點擊鏈接後,你的css將被應用。

+0

如果我將顯示設置爲'inline-block',則會擾亂這些'a'標記的格式。他們是'塊'UI元素。 – xiuyuan

0

請確保您聲明a:visiteda。否則a將否決它。

a { 
    background: #ff0000; 
} 
a:visited { 
    background: url(none); 
} 
+0

但我不認爲你可以爲'a:visited'設置背景嗎?那就是問題所在。 – xiuyuan