在css中为div添加多个样式

时间:2014-06-14 04:20:06

标签: html css navigation navbar

我现在有点卡住了。我正在尝试为我的第一个网站创建导航栏。

在html的主体中我有

<div id="navbar">
    <ul> 
        <li><a href="index.html">Home</a></li> 
        <li><a href="Gallery.html">Gallery</a></li> 
        <li><a href="Contact.html">Contact</a></li> 
    </ul> 
</div>

现在我的css是

#navbar {
margin: 0 auto;
text-align: center;

但我还想补充一下

a:hover,a:active { 
background-color:#7A8B8B; 

当前应用于页面上的任何链接,而不仅仅是导航栏中的链接。我如何将悬停链接样式应用于#navbar。

谢谢!

3 个答案:

答案 0 :(得分:1)

...试

#navbar a:hover,#navbar a:active { 
  background-color:#7A8B8B;
}

这意味着将这些样式应用于ID为navbar

的元素中包含的标记

fiddle

答案 1 :(得分:0)

这应该可以解决问题

CSS选择器后跟空格而另一个选择器意味着[第二选择器] IN A [第一选择器]

所以div a表示“div”中的任何“a”

#navbar a:hover,#navbar a:active { 
    background-color:#7A8B8B;
}

答案 2 :(得分:0)

试试这个:

#navbar a:hover,#navbar a:active { 
  background-color:#7A8B8B;
}

这意味着a ID中的navbar背景颜色设置为