Question

大家好我想在悬停时更改我的超级菜单项的颜色我确信这条线改变了上面提到的颜色

.main-navigation ul ul li:hover>a {color:#5c99ce}

此行改变了悬停在每个项目上的大型菜单项，但我想更改类别3上的特定类别示例。我尝试了不同的代码，但遗憾的是它们不起作用

我没有成功地厌倦了以下解决方案：

.main-navigation .li.vce-cat-3 .ul ul li:hover>a {color:#5c99ce}
.main-navigation .vce-cat-3 .ul ul li:hover>a {color:#5c99ce}
.main-navigation .cat-3 .ul ul li:hover>a {color:#5c99ce}
.main-navigation ul ul li.vce-cat-3:hover>a {color:#5c99ce}
.main-navigation ul ul li .vce-cat-3:hover>a {color:#5c99ce}
.main-navigation ul ul li vce-cat-3:hover>a {color:#5c99ce}
.main-navigation ul ul li.cat-3:hover>a {color:#5c99ce}

请帮我解决这个问题

我添加了我要求的其他代码

<li id="menu-item-945" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-945 vce-mega-cat vce-cat-3"><a href="http://localhost/jasco/?cat=3" data-mega_cat_id="3">Lessons</a><ul class="vce-mega-menu-wrapper">                                    <li>    

        <a class="mega-menu-img" href="http://localhost/jasco/?p=941" title="Electric Guitar Lesson – G Major Scale Technique">
            <img width="375" height="195" src="http://localhost/jasco/wp-content/uploads/2015/03/Electric-Guitar-Lesson-G-Major-Scale-Technique-375x195.jpg" class="attachment-vce-lay-b wp-post-image" alt="Electric Guitar Lesson - G Major Scale Technique">                         <span class="vce-format-icon">
                <i class="fa fa-play"></i>
                </span>
                    </a>


    <a class="mega-menu-link" href="http://localhost/jasco/?p=941" title="Electric Guitar Lesson – G Major Scale Technique" style="height: 66px;">Electric Guitar Lesson – G Major Scale Technique</a>

</li>                       
</ul></li>

Answer 1

你有没有试过像：

.main-navigation .li.vce-cat-3 .ul ul li:hover>a {color:#5c99ce !important;}

它应该做的伎俩

修改

请尝试这个，然后：

.vce-cat-3 li:hover a {color:red!important}

注意：为了清晰起见，我设置了红色，我知道它效率低，有点残酷，但它试图在没有完整小提琴的情况下识别问题： - ）

css .main-navigation ul ul li wordpress category coloring

1 个答案: