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

Question

我使用带有 .sf-menu 类的 superfish 菜单来制作菜单。我希望在悬停 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

像这样

DEMO

DEMO1

创建一个类.current

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