更改悬停链接上引导导航栏的颜色？

Question

我想知道如何在导航栏中将鼠标悬停在链接上时更改链接的颜色，因为目前它们的颜色很难看。

谢谢你有什么建议吗？

HTML:

 <div class="container">
    <div class="navbar">
        <div class="navbar-inner">
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link One</a></li>
                <li><a href="#">Link Two</a></li>
                <li><a href="#">Link Three</a></li>
            </ul>
        </div>
    </div>
</div>

原文由 Callum 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

对于 Bootstrap 3 ，这是我基于默认 导航栏 结构执行此操作的方式：

 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #FFFF00;
    color: #FFC0CB;
}

原文由 Leniel Maccaferri 发布，翻译遵循 CC BY-SA 3.0 许可协议