css - #nav css 影响页面中的所有元素

Question

大家好，我设置了这个 CSS 文件以在导航栏上使用:

#nav
{
    background-color: #98bf21;
    } 
#nav li
{
float:left;
}
#nav li ul{
    position: absolute;
    width: 172px;
    left: -999em;
    }

#nav li:hover ul{
    left: auto;
    }   
#nav a:link,a:visited
{
display:block;
width:164px;
font-weight:bold;
color:white;
background-color:#98bf21;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
#nav a:hover,a:active
{
background-color: #7A991A;
}

而且它似乎影响了所有元素。例如，如果 #nav a 样式，则所有元素都采用样式。我在这里缺少什么吗？我是网页设计新手。

Answer 1

#nav a:link,a:visited 和 #nav a:hover,a:active 看起来可能是问题所在(第二个选择器未绑定(bind)到 #nav 在这些行中，因此将匹配所有 a 元素。我假设你的意思是做 #nav a:link, #nav a: visited 和 #nav a:hover, #nav a:active 代替。