覆盖导航栏上的引导悬停

Question

当我将鼠标悬停在导航栏上的选项卡/链接上时，我想覆盖字体颜色。我目前有以下 HTML：

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class = "container">
            <a class="brand" href="#">Title</a>
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>

            </ul>
            <ul class ="nav pull-right">
                <li><a href="#">Link</a></li>

                <li class="divider-vertical"></li>
                <li ><a href="#">Link</a></li>
            </ul>
        </div>
    </div>
</div>

我只是想让右边的标签变成不同的颜色。我了解伪选择器，我只是想知道如何使用自己的 CSS 正确执行此操作。谢谢！

Answer 1

如果选择器足够具体，您可以避免使用!important。在这种情况下，您将使用：

.nav.pull-right > li > a:hover {
    /* style .. */
}

jsFiddle example

或者，您也可以使用.navbar-inner .container .nav.pull-right > li > a:hover