Div特定样式取消样式

时间:2014-10-10 00:15:05

标签: html css styles

在我的CSS文件中,我有一些通用的链接样式,我希望保持通用,例如访问时没有文字装饰,以及悬停时的颜色变化,但我想在顶部的导航栏上找到一些特定样式字体一直是白色(黑色导航栏但是其他所有其他所以我想查看链接),但我的链接上的 #navBar 特定样式似乎使链接上的任何其他常规样式取消out,例如 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特定的样式是否采用这些样式并添加指定的样式?或者我是否必须重新定义之前定义的样式?

由于

1 个答案:

答案 0 :(得分:0)

例如,如果要覆盖单个项目的样式,则应通过html执行此操作,因为它只会覆盖所有冲突。

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