改变超链接颜色的麻烦

时间:2015-01-09 23:51:13

标签: html css

在CSS中,我正在尝试更改超链接的属性。

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

我遇到的问题是它正在改变我的导航栏的属性,它也使用了href。有没有办法可以将它们放在不同的课程中,这样我就可以拥有多种风格?我已使用class="navclass"

将我的导航栏放在单独的类中

3 个答案:

答案 0 :(得分:2)

使用:not()伪选择器。

a:not(.navclass){

}
a:not(.navclass):hover{

}

答案 1 :(得分:1)

像他们一样设置他们想要的全球性:

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

并在导航栏中使用其他内容覆盖它们:

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

答案 2 :(得分:1)

你可以让你的导航中的锚点使用不同的样式

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