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

时间:2010-12-31 14:35:16

标签: css

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

1 个答案:

答案 0 :(得分:5)

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