html - css 菜单在没有 jquery 的情况下处于事件状态

Question

如何在没有 jquery 的情况下添加事件类。我在简单的 css 中获取了菜单，但我想要以不同的颜色激活。任何人都可以帮助我将事件类添加到菜单中

 #menu ul{
         margin: 0;padding: 0;
         list-style-type: none;
         font-family: verdana, arial, Helvetica, sans-serif;
         }
#menu li { 
         margin: 0 0 0px 0; 
         display: inline; float: left; 
         margin-left: 1px solid #ffffff;
         }
#menu a{
       display: block; padding: 5px 10px; 
       width: 100px; border-right: 2px solid #ffffff; 
       text-decoration: none;  border-left: 10px solid #1958b7;  
       color: #fff; background: #2175bc;
       }
#menu a:hover{
             color: pink; background: #2586d7;   
             border-left: 10px solid #1c64d1; 
             }

我的本​​意不是主动上课；但是当用户单击选项卡时，选项卡的颜色将从悬停颜色更改为。这样我就不会在 html 正文中提及任何事件类。

Answer 1

试试下面的代码:

CSS

#menu a:active {
    color: pink; background: #2586d7;   
    border-left: 10px solid #1c64d1; 
}