#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为样式,则所有元素都采用样式.这里有什么我想念的吗？我是网页设计的新手.

Answer 1

#nav a:link,a:visited并且#nav a:hover,a:active看起来它们可能是问题(第二个选择器没有绑定#nav在那些行中,所以将匹配所有a元素.我假设你的意思是做#nav a:link, #nav a:visited而#nav a:hover, #nav a:active不是.