javascript - 突出显示菜单中在 ="#"标签中具有 href "a"选项的元素

Question

我想制作菜单来过滤主页上的列表。例如:

<div id="filters">
   <a href="#" id="all">Все</a> 
   <a href="#" id="top40">Топ-40</a> 
   <a href="#" id="top20">Топ-20</a>  
   <a href="#" id="top10">Топ-10</a>
</div>

所以，问题是我如何突出显示此菜单中的事件元素。

帮助我，或者如果有其他方法可以做到这一点，请展示。

感谢您的任何建议!

Answer 1

您可以通过 :focus 状态在某种程度上实现这一点。

#filters a:focus {
    color: red;
}

这是一个JSFiddle作为一个简单的例子。虽然它并不完美