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

Question

我目前正在使用bootstrap 3框架建立一个网站，我遇到了一个问题。我试图样式与列表项下拉的背景。如果我使用以下代码:

.dropdown-menu > li > a{
    background:#92a240;
    color:#fff;
}

它样式为绿色，然后我想使用:nth-child选择器样式为其他链接的深绿色，我使用以下代码:

.dropdown-menu > li > a:nth-child(odd){
    background:#b5c950;
    color:#fff;
}

然而，这使得所有的链接背景都是浅色的，而不是奇怪的。

任何帮助都将是感激的。

谢谢。

Answer 1

我猜你的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，而是针对odd的li:

.dropdown-menu > li:nth-child(odd) > a {}