我将 Bootstrap 与 Wordpress 结合使用。 我的导航栏元素输出正常,但我希望每个单独的菜单项都是不同的颜色。 Bootstrap 假定所有菜单项都具有相同的初始颜色、事件颜色和悬停颜色。 我希望我的 ACTIVE 菜单颜色不同。这可能吗?
我试图在我的 css 中定位 current_page_item 但似乎没有覆盖默认的 twitter .navbar-inverse .nav .active > a, 定义。有任何想法吗?下面的代码...
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Menu Item 1</a></li>
<li id="menu-item-85" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-52 current_page_item active menu-item-85"><a href="#">Menu Item 2</a></li>
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="#">Menu Item 3</a></li>
</div>
最佳答案
您可以针对每个人 <li>
通过使用分配的 id:
#menu-item-73 > a,
#menu-item-73.active > a {
background: red;
}
但是,如果您的页面/帖子更改了 id,则上述 css 选择器将无效。
查看 FIDDLE .
关于css - Twitter Bootstrap 导航单个菜单项颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16526113/