活动项目li在菜单上悬停

Question

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<div id="topbar">
        <ul>
            <li class="active">
                <a href="">About Us</a>
            </li>
            <li>
                <a href="">Services</a>
            </li>
            <li>
                <a href="">Gallery</a>
            </li>
            <li>
                <a href="" class="nav-quote-button">Get Quote</a>
            </li>
        </ul>
    </div>

如何在li 2,3,4 ...上设置类Active在哪里悬停，并删除类激活有一个

谢谢！

Answer 1

除非你需要它来激活某种类型的查询（我个人不知道为什么你会这样做），试试CSS。

li:hover {
     //  Active class CSS here
}

您可以向li添加更多选择器，以防止您在页面上选择其他列表，并且它不会采用任何JavaScript，JQuery或花哨的编码。

：悬停psuedo-selector会将CSS应用到你将鼠标悬停在其上的元素上。