我在更改列表中项目符号的颜色时遇到问题。
因此,我<nav>
在HTML文件的标记中有一个列表:
<nav id="top-menu">
<ul>
<li> <a href="">Home</a> </li>
<li><span> <a href="">Products</a> </span></li>
<li> <a href="">Statistics</a> </li>
<li> <a href="">Countries</a> </li>
<li> <a href="">Settings</a> </li>
<li> <a href="">Contacts</a> </li>
</ul>
</nav>
如您所见,我的<nav>
标签上有个id="top-menu"
。还有一件事:
<li><span> <a href="">Products</a> </span></li>
在这里您可以看到我<span>
在子弹中放了一个标签。
这是我的CSS文件:
nav#top-menu {
width: 100%;
height: 33px;
background-color: #696969;
margin: 0;
padding: 0;
}
#top-menu ul {
display: block;
list-style-type: none;
width: 600px;
margin: 0 auto;
padding: 0;
}
#top-menu ul li {
margin: 0;
padding: 0;
}
#top-menu ul li a {
display: block;
float: left;
max-height: 25px;
width: 100px;
margin: 0;
padding: 5px 0;
font-family: tahoma, sans-serif;
font-size: 20px;
text-align: center;
background-color: #696969;
text-decoration: none;
color: #FFFFFF;
border-bottom: #696969 solid 2px;
}
#top-menu ul li a:hover { border-bottom: #FFFFFF solid 2px; }
然后我添加:
#top-menu ul li span {
color: black;
}
问题是它什么都不会改变。
换句话说,现在导航菜单中的每个项目符号都是白色,但我想将“产品”设置为黑色。
我究竟做错了什么?
谢谢。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句