Question

   .unorder_Hnav,li,.classes:active
   {
    background-color:#7CA738;
    height: 50px;
    display: table-cell;
    width: 1024px;  
    text-align: center;
    line-height: 52px;
    font-weight: bolder;
    color: #FFFFFF;
    background-color: #457025;
    text-decoration: none;
}

这里我使用了无序列表，列表（没有类），最后是类（类）的href：active。

现在我想让这个属性只能激活，当我点击它们时，只要我不点击任何其他链接，它们就会保留它。是否有可能使用CSS？或者我只需要使用jquery？

Answer 1

这一部分重复：这是错误的吗？

这里：

background-color:#7CA738;

然后在这里：

background-color: #457025;

Answer 2

:active伪类是一种向用户提供有关“激活”内容的反馈的方法。它并不意味着将元素保持在“活动”状态。

您可以轻松创建一个css类，我们将其命名为selected，其定义如下：

.selected{
    background-color: #999;
    font-size: 1.1em;
}

现在，您可以使用javascript进行侦听，并从已分配的其他元素中删除类selected，然后将selected类分配给正确的元素。如果这导致导航，服务器可以在渲染页面时使用selected类渲染此元素以获得相同的效果。

有关:active伪类的详细信息，请查看MDN documentation。

单击菜单（水平导航）显示当前菜单时，无法设置背景颜色

2 个答案: