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。

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

1 个答案: