我目前正在使用bootstrap 3框架构建站点，但遇到了问题。我正在尝试使用列表项设置下拉菜单的背景样式。如果我使用以下代码：
.dropdown-menu > li > a{
background:#92a240;
color:#fff;
}
它设置了一个绿色阴影的样式，然后我想使用:nth-child选择器将其他链接设置为较深的绿色样式，我正在使用以下代码：
.dropdown-menu > li > a:nth-child(odd){
background:#b5c950;
color:#fff;
}
但是，这会使所有链接背景变成浅色，而不是奇数。
任何帮助，将不胜感激。
谢谢。
我猜你的html结构是这样的：
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
而不是这样：
<ul>
<li>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</li>
</ul>
由于您的css将用于第二个html结构，因此我怀疑它就是那样。如果您的结构类似于第一个结构，则...：
而是定位到的a，你应该针对li同odd：
.dropdown-menu > li:nth-child(odd) > a {}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句