2015-01-09 103 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; }