html - 如何为 Bootstrap 3 事件类设计样式

Question

我已经在谷歌上搜索了大约 3 天，并且已经尝试了几乎所有看到的示例，但仍然无法为事件类设置样式。

这是我的 HTML

  <div class="navbar navbar-inverse navbar-fixed-top" id="mainHeader"    role="navigation">
    <div class="container">


        <button class="navbar-toggle" data-target=".navbar-responsive-collapse"
                data-toggle="collapse" type="button">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button> 
        <div class="nav-collapse collapse navbar-responsive-collapse nav-hover-orange">
            <ul class="nav navbar-nav pull-right">

                <li class="active"><a href="index.html">Home</a></li>
                <li><a href="houseoldRemovals.html">Houseold Removals</a></li>
                <li><a href="officeRemovals.html">Office Removals</a></li>
                <li><a href="storage.html">Storage</a></li>
                <li><a href="tipsAndAdvice.html">Tips & Advice</a></li>
                <li><a href="termsAndConditions.html">Terms and conditions</a></li>
            </ul> 
        </div> 
    </div> 
</div>
<!-- NAV END -->

Answer 1

你应该能够做到这一点..

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > li.active > a {
  background-color: #11bb11;
}

演示:http://bootply.com/R0zDR7NMCM