css - 按下后如何保持悬停颜色

Question

我正在使用 sahifa 主题。我为主菜单上的每个按钮设置了特殊的 css。但是某些东西阻止了我的代码，它又回到了 orjinal 主题颜色蓝色。

我尝试了所有规则

    /* Altinci Menu */
.altinci-nav{

    /*background-color: #866;*/
}   

.altinci-nav:hover {
  background-color: #8c5de4;    
}

/*ul li.altinci-nav a,*/
.altinci-nav ul li a:hover,
.altinci-nav ul li a,
.altinci-nav ul li:hover > a,
.altinci-nav ul li:active,
ul li.altinci-nav:active{
    background-color: #8c5de4;
}
.altinci-nav:active {
  background-color: #8c5de4;    
}
.altinci-nav:focus {
  background-color: #8c5de4;    
}

.altinci-nav:select{
     background-color: #8c5de4; 
}

.altinci-nav:after{
     background-color: #8c5de4; 
}

我用 firefox web 开发工具查看，它显示出问题。

#main-nav ul li.current-menu-item a,
#main-nav ul li.current-menu-item a:hover

所以我在这行发表评论，但没有任何改变

更新

 #main-nav ul li.current-menu-item a, 
    #main-nav ul li.current-menu-item a:hover{ background-color: transparent !important; }

谢谢你。Claudiu D.

Answer 1

找到你的 .altinci-nav:hover css 规则并像这样为当前页面添加一个链接

.altinci-nav:hover,
.altinci-nav.current-menu-item {

对其他链接做同样的事情