Question

<div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-12 fl logo">
                <a href="#"><img src="images/main-logo.png" alt="logo" /> 
                </a>
            </div>
            <div class="mobile">
                    <a id="mobile-menu" href="#">
                        <div class="mob-bar"><span></span></div>
                    </a>
             </div>
            <div class="col-lg-8 col-md-8 col-sm-12 right-nav" id="right-nav">

                <ul>
                    <li>
                        <a href="index.php">HOME</a>
                    </li>
                    <li><a href="aboutus.php">ABOUT US</a></li>
                    <li><a href="service.php">SERVICES</a></li>
                    <li><a href="news.php">NEWS</a></li>
                    <li><a href="contactus.php">CONTACT US</a></li>
                </ul>
            </div>
            <div class="col-lg-1 col-md-1 fl right-3">
                <div class="fl search-icon">
                    <a href="http://www.1008jobs.com/search/normal" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a>
                </div>
                <div class="slideouticons">
                    <input id="togglebox" type="checkbox">
                    <label for="togglebox" class="mainlabel"><i class="fa fa-share-alt"></i></label>
                    <div class="iconswrapper">
                        <ul>
                        <li><a href="#"><i class="fa fa-facebook" title="Facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus" title="Google Plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest-p" title="Pinterest"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

这是我的代码。这段代码我已经包含在php文件中，并将此文件调用到所有页面。因此，我如何使用jquery或javascript为导航项提供背景颜色。如果我在该标签上使用.addclass，则页面将重新加载并以现有级别再次开始编写脚本。因此，请采用一些不同的方法来添加该代码。

Answer 1

.right-nav ul li{
  background: #333;
}

如何为菜单项添加背景色？

1 个答案: