保持活动菜单项突出显示

Question

如何使菜单中单击的项目保持突出显示为蓝色。所以基本上是活动的菜单项。

Fiddle

我尝试过使用css，但我认为我需要javascript或其他东西。

 #cssmenu > ul li > a:active, #cssmenu > ul li:active > a {
    color: #ffffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background: #54cdf1;
    background: -webkit-linear-gradient(#72d4f2, #54cdf1);
    background: -moz-linear-gradient(#72d4f2, #54cdf1);
    background: linear-gradient(#72d4f2, #54cdf1);
    border-color: transparent;
}

Answer 1

你需要一些JS。

$(document).ready(function() {
    $("#cssmenu li").on("click", function() {
        $("#cssmenu li").removeClass("active");
        $(this).addClass("active");
    });
});

然后在CSS中按照您希望的方式设置#cssmenu li.active样式。