我现在有点卡住了。我正在尝试为我的第一个网站创建导航栏。
在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。
谢谢!
答案 0 :(得分:1)
...试
#navbar a:hover,#navbar a:active {
background-color:#7A8B8B;
}
这意味着将这些样式应用于ID为navbar
答案 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
背景颜色设置为