我正在尝试更改此菜单中第一个元素的颜色(这样用户就知道是事件元素),有什么帮助吗?
<ul>
<li><a href="#" class="current">jkfasdf</a></li>
<li><a href="#">jkffasdf fjaskdfasfs jajklfd fjklasdfas</a></li>
</ul>
ul{
background: red;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
float: left; #esto permite que se adapte el ancho del ul al contenido..
# quizas por ello no se pueda centrar si se quiere :)
}
li {
padding: 10px; display: inline-block;
border-left: 1px solid white;
width: 100px;
text-align: center;
vertical-align: middle;
}
li:first-child {border-left: none;}
li.current {
background: yellow;
}
a {
}
这是 jsfiddle:
最佳答案
您缺少一个空格:li .current {
。如果没有空间,它会尝试将它应用于 current
类的 li
项,您希望它应用于 li
的子项使用 current
类。
关于html - 菜单栏中事件元素的不同颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14399525/