css - 设置活动 Superfish 菜单选项的背景样式

Question

我使用带有 .sf-menu 类的超级鱼菜单来制作菜单。我希望在 ul li 悬停之前的 li 保持一定的背景颜色。我的菜单代码是这样的：

<ul class="sf-menu" id="example">
        <li class="current">
            <a href="followed.html">Home</a>
        </li>
        <li>
            <a href="followed.html">Knives</a>
                <ul>
                        <li><a href="followed.html">Cardsharp4 natural</a></li>
                        <li><a href="followed.html">Cardsharp4 black</a></li>
                        <li><a href="followed.html">Cardsharp3 natural</a></li>
                        <li><a href="followed.html">Cardsharp2 black</a></li>
                        <li><a href="followed.html">Cardsharp2 natural</a></li>

                </ul>
        </li>
        <li>
            <a href="followed.html">Flashlights</a>
            <ul>
                <li><a href="followed.html">Flashlight 1</a></li>
                <li><a href="followed.html">Flashlight 1</a></li>
                <li><a href="followed.html">Flashlight 1</a></li>
                <li><a href="followed.html">Flashlight 1</a></li>
            </ul>
        </li>
        <li>
            <a href="followed.html">Camera</a>
        </li>   
        <li>
            <a href="followed.html">E-Bike</a>
        </li>
    </ul>

我尝试了 4 种不同的选择器，但似乎没有一个可以工作：S

.sf-menu ul li > .sf-menu li {background-color: #ffffff;}
.sf-menu ul li > li a {background-color: #ffffff;}
.sf-menu ul ul li:hover.active ul li a {background-color: #ffffff;}
.sf-menu ul li ul li:hover.active ul li {background-color: #ffffff;}

请任何人都可以建议自己。

谢谢你

Answer 1

像这样

演示

演示1

做一类 .current

.current{
    background-color:red;
    color:red;
    text-decoration:none;
}