html - 如何保持选中的列表项

Question

是否可以为具有链接的选定列表项添加颜色？

我的代码:

.grid a:active {
  background-color: yellow;
}

<li class="grid">
  <a href="modulo_ordine1.php">Modulo d'ordine</a>
</li>

悬停时黄色保持不变。

我希望在访问列表项后，黄色一直保留在列表项中，这样如果它被选中，直到另一个列表项被选中。因此，如果我有一些列表项，我希望被选中的项显示为黄色，直到另一个项被选中。

这可能吗？

Answer 1

试试这个

jQuery('.grid a').click(function(){
   jQuery(this).toggleClass('active');
});