css .main-navigation ul ul li wordpress 类别着色答案

【问题标题】：css .main-navigation ul ul li wordpress category coloringcss .main-navigation ul ul li wordpress 类别着色
【发布时间】：2015-05-31 03:22:57
【问题描述】：

大家好，我想在悬停时更改大型菜单项的颜色我确信这条线会改变上述颜色

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

【问题讨论】：

我们能有一个完整的例子吗？尝试修复它时可能会有所帮助。
我已经编辑了我的答案，但我完全同意@James_Parsons 我们需要一个小提琴或指向显示此问题的网站的链接。如果没有完整的 html+css+js 代码，我不相信我们可以为您提供正确的答案。我使用 chrome 开发者工具的提议仍然有效，见：stackoverflow.com/questions/13867088/…

标签： css wordpress

【解决方案1】：

您是否尝试过类似的方法：

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

它应该可以解决问题

编辑

请试试这个，然后：

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

注意：为了清楚起见，我设置了红色，我知道它效率低下而且有点粗暴，但它试图在没有完整的小提琴的情况下识别问题:-)

【讨论】：

不幸的是，这也无济于事，我认为我不需要重要的标志，我只是不知道如何将类别 3 实现到下一行.main-navigation ul ul li:hover>a {color:#5c99ce}
那么请给我们看一下菜单的HTML代码（相关部分）。我还想建议您使用像 Chrome 开发者工具这样的工具来检查菜单元素并发现哪个 CSS 规则正在设置元素的颜色。其他规则可能会干扰。
感谢 furins 你做到了 :)，我怎样才能给你增加声望？对不起，我是新来的:)