不工作

这是我的导航和徽标的简单标题

 <header>
    <div class="logo" style="width: 11%;">
        <img src="Images/logo.png" style="width: 100%;">
    </div>
    <nav>
        <ul>
            <li>
                <a href="#" >HOME</a>
            </li>
            <li>
                <a href="#">ABOUT US</a>
            </li>
            <li>
                <a href="#">SERVICES</a>
            </li>
            <li>
                <a href="#">CONTACT US</a>
            </li>
            <li>
                <a href="#">TESTIMONIALS</a>
            </li>
            <li>
                <a href="#">FAQ</a>
            </li>
            <li>
                <a href="#">CONTACT US</a>
            </li>
        </ul>   
    </nav>
</header>

活动类不工作而其他类工作正常的CSS

 <header>
    <div class="logo" style="width: 11%;">
        <img src="Images/logo.png" style="width: 100%;">
    </div>
    <nav>
        <ul>
            <li>
                <a href="#" >HOME</a>
            </li>
            <li>
                <a href="#">ABOUT US</a>
            </li>
            <li>
                <a href="#">SERVICES</a>
            </li>
            <li>
                <a href="#">CONTACT US</a>
            </li>
            <li>
                <a href="#">TESTIMONIALS</a>
            </li>
            <li>
                <a href="#">FAQ</a>
            </li>
            <li>
                <a href="#">CONTACT US</a>
            </li>
        </ul>   
    </nav>
</header>

无论使用悬停还是聚焦，它都可以工作，但活动的伪类不在进行中 有人能帮忙吗

顺晟科技：

您混淆了伪类和CSS类，这里需要在活动列表项上设置一个CSS类，为此需要添加一些JS