html - 如何在 css 中突出显示菜单。我用了 :active but it does not serve the purpose I expected

Question

.cshtml

<li>@Html.ActionLink("Tools", "Index", new { Area = "", Controller = "Tools" })</li>

.css

a:active
{
    font-weight: bold;
    background: #F96611;
    border: 3px solid #FFB380;
}

a:active 仅在鼠标单击按下和释放之间起作用。但是我需要菜单在鼠标点击菜单后突出显示。谢谢

Answer 1

你不能添加CSS。 .active 仅适用于点击但不适用于事件状态。您可以使用下面的 jquery 代码在点击时添加类

$('li').click(function() {
  $(this).addClass('youractiveclass'); 
})