Question

我为主菜单上的每个按钮设置了特殊的CSS。我想在第三个按钮中更改子链接。每个子链接的主题默认设置#ccc颜色。

#main-nav ul ul a,
#main-nav .mega-menu-block a {
    border: 0 none;
    background: none !important;
    height: auto !important;
    line-height: 1.5em !important;
    padding: 7px;
    display: block;
    margin-right: 0;
    z-index: 210;
    color: #ccc;
}

我先将颜色改为透明。

color: transparent !important;

然后我编辑我的第三个按钮类：

.ucuncu-nav ul ul a,
.ucuncu-nav.mega-menu-block a {
    color: #669900;
}

但它并没有改变。

Answer 1

如果您使用列表来显示此列表。尝试使用这样的nth-child属性：

#main-nav ul ul a,
#main-nav .mega-menu-block li:nth-child(3) a div a {
  color:orange !important;
}

希望它有所帮助，但问题不是那么清楚，因为当我看到你的网站时，子菜单是由div制作的，我不知道你是否会在那里放置一个链接。

Answer 2

它没有改变，因为你有重要的声明：

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

}

删除它，你应该没事

Answer 3

.ucuncu-nav.mega-menu.mega-recent-featured .mega-menu-block .mega-recent-post a { 颜色：蓝色！重要;

}

如何更改主菜单上的子链接颜色？

3 个答案: