2015-01-09 147 views
0

在CSS中,我試圖改變超鏈接的屬性。改變超鏈接顏色的問題

a:link { color: #000000;} 
a:hover { color: #582999; } 

我遇到的問題是它改變了我的導航欄的屬性也使用href。有什麼方法可以將它們放在單獨的課程中,這樣我可以有多種風格?我已將我的導航欄放入其單獨的類中,使用class="navclass"

+1

嗯,像'a.navclass:hover'? – MightyPork

回答

2

使用:not()僞選擇器。

a:not(.navclass){ 

} 
a:not(.navclass):hover{ 

} 
+0

這工作,你是一個傳說,謝謝 – Popcorn727

+0

@ Popcorn727我建議你看看其他的答案。如果會有許多'a'元素,你不希望應用這種風格,'jeremywoertink'和'jmore009'的答案會更好。 – r3wt

1

設置他們希望如何在全球範圍很喜歡現在做:

a:link { color: #000000;} 
a:hover { color: #582999; } 

,並在您的導航欄只覆蓋它們與別的東西:

.navclass a:link { color: #FFF;} 
.navclass a:hover { color: #F00; } 
1

你只需有導航裏面的錨使用不同的風格

a:link { color: #000000;} 
a:hover { color: #582999; } 
.navclass a { color: #ffffff; }