潜水特定的风格抵消了风格

Question

在我的CSS文件中，我有一些通用的链接样式，比如访问时没有文本装饰，悬停时有颜色变化，但我希望顶部导航栏上有一些特定的样式，比如字体一直是白色的（黑色导航栏，但其他都是白色的，所以我想看到链接），但是我的链接上的#navBar特定样式似乎会抵消链接上的任何其他通用样式，例如a:hover中的#1d99ff颜色更改，或者a：链接和a:visited的文本装饰：none，如下所示。

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特定的链接则采用这些样式并添加指定的样式吗？还是我必须重新定义以前已经定义的样式？

感谢

Answer 1

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

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