Html 使用引导和第n个子菜单设置下拉菜单样式

Html 使用引导和第n个子菜单设置下拉菜单样式,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我目前正在使用Bootstrap3框架构建一个站点,我遇到了一个问题。我正在尝试用列表项设置下拉列表的背景样式。如果我使用以下代码: .dropdown-menu > li > a{ background:#92a240; color:#fff; } 它设置了一个绿色的样式,然后我想使用:n子项选择器将其他链接设置为深绿色,我使用以下代码: .dropdown-menu > li > a:nth-child(odd){ background:#b

我目前正在使用Bootstrap3框架构建一个站点,我遇到了一个问题。我正在尝试用列表项设置下拉列表的背景样式。如果我使用以下代码:

.dropdown-menu > li > a{
    background:#92a240;
    color:#fff;
}
它设置了一个绿色的样式,然后我想使用
:n子项
选择器将其他链接设置为深绿色,我使用以下代码:

.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>
.dropdown-menu > li:nth-child(odd) > a {}