Css Twitter引导单个导航栏菜单项颜色
我在引导程序中有一个导航栏菜单,如下所示:Css Twitter引导单个导航栏菜单项颜色,css,twitter-bootstrap,navbar,Css,Twitter Bootstrap,Navbar,我在引导程序中有一个导航栏菜单,如下所示: <ul class="nav navbar-nav navbar-right"> <li><a href="#">Menu Item 1</li> <li><a href="#">Menu Item 2</a></li> <li><a href="#">Menu Item 3</a></li>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Menu Item 1</li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Change Color of this Menu Item</a></li>
</ul>
是的,您可以使用
:last child
伪选择器执行此操作,如下所示:
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Menu Item 1</li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
<li><a href="#">Change Color of this Menu Item</a></li>
</ul>
.navbar nav>li>a{
颜色:蓝色;
}
.navbar nav>li:最后一个子项>a{
颜色:绿色;
}
使用此
演示-
它不会给出:最后一个子项的样式
或为:最后一个子项的Owrite样式
.navbar-default .navbar-nav > li:last-child > a
演示-使用最后一个子项
.navbar-nav li:last-child {
background: red;
}
看这把小提琴
完美。谢谢你的帮助。
.navbar-nav li:last-child {
background: red;
}