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 {

对其他链接也这样做

按下后如何保持悬停颜色

1 个答案: