在悬停链接上更改bootstrap导航栏的颜色？
我想知道如何改变链接的颜色，当你将它们悬停在导航栏上，因为它们目前是一种难看的颜色。
感谢您的任何建议？
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>
对于Bootstrap 3，这是我基于默认的Navbar结构做到的：
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: #FFFF00;
color: #FFC0CB;
}
这是更清洁的：
ul.nav a:hover { color: #fff !important; }
没有必要比这更具体。 不幸的是，在这种情况下， !important是必要的。
我还补充道:focus和:active针对可访问性原因以及针对智能手机/平板电脑/触摸屏用户的相同声明。
您可以尝试更改悬停时的链接背景
.nav > li > a:hover{
background-color:#FCC;
}