Div 特定样式取消样式答案

【问题标题】：Div specific styles cancel out stylesDiv 特定样式取消样式
【发布时间】：2014-12-05 01:34:51
【问题描述】：

在我的 CSS 文件中，我有一些我想要保持通用的链接的一般样式，例如访问时没有文本装饰，以及悬停时颜色变化，但我希望顶部导航栏上有一些特定样式，例如字体一直是白色的（黑色导航栏，但其他所有内容都是白色的，所以我想查看链接），但我的链接上的 #navBar 特定样式似乎使链接上的任何其他一般样式取消输出，例如 a:hover 中颜色变为 #1d99ff，或者 a:link 和 a:visited 中的 text-decoration: none strong> 如下图。

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 css styles

【解决方案1】：

例如，当您想要覆盖单个项目的样式时，您应该通过 html 来完成，因为它会简单地覆盖所有冲突。

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

【讨论】：

如果我在 HTML 中将导航栏链接的颜色更改为白色（在链接标记内），悬停时它仍然不会更改颜色。在 div 标签中改变颜色也没有任何作用。