Div特定样式取消样式

问题描述:

在我的CSS文件中,我有一些常用的样式,用于保持通用的链接,比如访问时没有文字装饰,以及在徘徊时颜色发生变化,但我希望我的某些特定样式顶部的导航栏像字体一直是白色的(黑色导航栏,但白色的一切,所以我想看到的链接),但#navBar我的链接上的特定样式似乎使链接上的任何其他一般样式取消出色,如中的#1d99ff的颜色变化a:悬停,或文字修饰:无两个a:链接a:visited如下图所示。Div特定样式取消样式

a:link{ 
text-decoration: none; 
} 
a:visited{ 
    text-decoration: none; 
    color: #000000; 
} 
a:hover{ 
    color: #1e99ff 
} 

#navBar{ 
    text-align: center; 
    word-spacing: 100px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    position: absolute; 
    left: 0; 
    right: 0; 
    height: 20px; 
    background-color: #000000; 
    letter-spacing: 3px; 
} 
#navBar a:link{ 
    color: #FFFFFF; 
} 
#navBar a:visited{ 
    color: #FFFFFF; 
} 

应该不是一般的链接样式应用到各个环节,以及ID特定的人拿这些样式并添加指定的人?还是我必须重新定义之前定义的样式?

感谢

如果要覆盖单个项目的风格,例如,你应该通过HTML做到这一点,因为它会简单地覆盖所有冲突。

<div style="color: #000;"> 
+0

如果我将navBar链接的颜色更改为HTML(在链接标记内)为白色,它仍然不会更改悬停时的颜色。在div标签中改变颜色也不会完成任何事情。 – 2014-10-10 01:21:26