<分区>
我在 Bootstrap 中有一个这样的导航栏菜单:
<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>
我想更改最终列表项的颜色,使其不继承标准颜色/悬停属性。是否可以通过 CSS 仅定位最终菜单项并覆盖我的 Bootstraps CSS?
我的 CSS 在这里:
.navbar-default .navbar-nav > li > a {
color: #ffffff;
font-family: "Fjalla One", sans-serif;
text-transform: uppercase;
font-size: 17px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #0091c1;
background-color: transparent;
}