Html 使用引导和第n个子菜单设置下拉菜单样式
我目前正在使用Bootstrap3框架构建一个站点,我遇到了一个问题。我正在尝试用列表项设置下拉列表的背景样式。如果我使用以下代码: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
.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 {}