CSS:更改菜单中的标题颜色

CSS:更改菜单中的标题颜色,css,Css,我有以下问题: 在我的菜单(反向链接>我们的畅销书)中有一个标题。我想把它变成白色。但是班级 “超级街区标题”不会改变任何事情 我试过: .mega区块标题{ 颜色:#ffffff }短脏溶液使用!重要信息 .mega-block-title { color: white !important; } 要做到这一点,您应该查看该元素的颜色设置的位置,并对其进行更改,或者向该元素添加一个类并重写该属性。这取决于现在如何定义颜色 如果右键单击该元素并执行“检查元素”,您将看到以下CSS属性:

我有以下问题:

在我的菜单(反向链接>我们的畅销书)中有一个标题。我想把它变成白色。但是班级

“超级街区标题”不会改变任何事情

我试过:

.mega区块标题{
颜色:#ffffff

}
短脏溶液使用
!重要信息

.mega-block-title {
   color: white !important;
}
要做到这一点,您应该查看该元素的颜色设置的位置,并对其进行更改,或者向该元素添加一个类并重写该属性。这取决于现在如何定义颜色

如果右键单击该元素并执行“检查元素”,您将看到以下CSS属性:

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #555;
    font-family: inherit;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    vertical-align: top;
    display: block;
    visibility: inherit;
    border: 0;
}
如果您找到了
颜色:#555
的定义位置,您可以对其进行编辑,但它也可能会影响其他元素。。。我不知道你是否想要那个

如果只希望标题为白色,则需要添加一个类,如

<h4 class="mega-block-title is-white">Unsere Bestseller:</h4>
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title.is-white {
    color: white;
}