单击菜单(水平导航)显示当前菜单时,无法设置背景颜色

时间:2014-02-01 22:35:22

标签: html css3

   .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?

2 个答案:

答案 0 :(得分:0)

这一部分重复:这是错误的吗?

这里:

background-color:#7CA738;

然后在这里:

background-color: #457025;

答案 1 :(得分:0)

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

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

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

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

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