Html 向css中的div添加多个样式

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

在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>

但我还要补充一点

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

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

谢谢

试试

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

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

navbar

---

这应该可以做到

CSS选择器后跟空格，另一个选择器表示[1选择器]中的[2选择器]

因此

diva

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

试试这个：

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

---

这意味着

navbar

ID中的

a

的背景色设置如下

：active:focus:hove这些都是锚元素的属性。。。它只适用于'a'标记，而不适用于'ul>li'标记。谢谢，有没有一种方法可以将css文件的结构设置为将两种#导航栏样式包含在一起？是指仅包含在一个文件中还是包含在一个块中？仅包含在主css文件的一个块中。谢谢：）不是每个“块”都以特定样式的元素为目标。我在fiddle的css面板中使用它的方式是它在css中的外观。如果你把它分解，而不是试图把太多的东西放在一起，那么它也更容易维护。好的，谢谢你，我想我可以像你在html文件中一样把它签出来。

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

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