css懸停，主動效果不正常

我不明白爲什麼「a」元素的默認顏色設置爲＃2bb673，當它必須是＃222。我做錯了什麼？還我使用的引導css懸停，主動效果不正常

<div class="our-work"> 
     <a href="#our-work" class="our-work">Our Work</a> 
    </div>

CSS

.our-work a { 
     color:#222; 
    } 

.our-work a:link {text-decoration: none; color: #2bb673;} 
.our-work a:visited {text-decoration: none; color: #2bb673 ;} 
.our-work a:hover {text-decoration: none; color: #2bb673;} 
.our-work a:active {text-decoration: none; color: #2bb673;}

Jsfiddle

來源

2015-09-18 Viktor

您的小提琴鏈接不包含任何內容 – ochi

[FTFY]（http://jsfiddle.net/8h98f84k/1/） –

'a：link {}'覆蓋'a {}'。另外，用逗號分隔的選擇符替換你的重複規則：'.our-work a：visited，.our-work a：hover，.our-work a：active {} – LcSalazar

根據你的問題，這將解決它：

.our-work a:link {text-decoration: none; color: #222;} 
.our-work a:visited {text-decoration: none; color: #2bb673 ;} 
.our-work a:hover {text-decoration: none; color: #2bb673;} 
.our-work a:active {text-decoration: none; color: #2bb673;}

a:link是要覆蓋a，所以你需要把＃222的顏色在裏面。

但是，請記住，您已將a:visited僞類顏色設置爲綠色，因此如果您訪問過該鏈接（測試？），它仍然會顯示爲綠色，即使您修復了CSS以顯示未訪問鏈接上的＃222顏色。

解決方案：

變化都a:link和a:visited至＃222
更改每4個州的不同的顏色，同時搞清楚了這一點，所以你可以看到哪些僞類實際上是影響了a元件。然後，如果你仍然無法弄清楚，請更新你的問題，更詳細地描述你需要的實際結果。

編輯：原來的問題沒有指定OP是使用bootstrap。這個解決方案將與乾淨的CSS一起工作，但不會擺脫默認情況下使用引導程序發生的藍色「已訪問」狀態。

來源

2015-09-18 19:04:19 Andrea

如果我這樣做它的工作與乾淨的CSS，但我也使用bootstrap並訪問鏈接顏色是深藍色，我需要修復它 – Viktor

我強烈建議你添加這樣的事實，這是引導到你的問題 - 這肯定會有所不同，以什麼將解決您的問題！ – Andrea

.our-work a {}適用於所有國家，然後你去指定每個狀態是這樣的：

.our-work a:link {text-decoration: none; color: #2bb673;}

a:link覆蓋默認值說明你之前指定的。

因此，只需刪除a:link樣式，或將其更改爲#222即可。

來源

2015-09-18 18:47:37 wwwmarty

...最有可能也會覆蓋只是更具體一些，無論順序如何，都是優先的。 – adrenalin

@wwwmarty沒有幫助， – Viktor

應該工作。你是否能夠看到改變，如果你刪除訪問的樣式？ – cocoa

css懸停，主動效果不正常

回答

相關問題