javascript - 如何高亮显示选中的链接？

Question

下面的代码应该使选定的链接保持突出显示，但实际上并没有，它只会在单击时闪烁绿色。请帮我找出这里失败的原因。

#sidebarContent a:active{
    background-color: green;
}

<div id="sidebarContent">
  <ul>
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li>
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li>
  </ul>    
</div>

Answer 1

你在href上没有链接，你需要设置foucs来改变颜色

#sidebarContent a:active , #sidebarContent a:focus{
  background-color: green;
}

<div id="sidebarContent">
  <ul>
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li>
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li>
  </ul>    
</div>