css - CSS：在菜单中更改标题颜色

Question

我有以下问题：

在我的菜单（反向链接 > 我们的畅销书）中有一个标题。我想让它变白。但是上课

“巨型块标题”不会​​改变任何东西。

我试过：

.mega-block-title {
    color: #ffffff
}

但它不会工作。

请帮忙！：（ 谢谢！！

域名：www.backlink-factory.de

标签： css

Answer 1

短脏溶液使用!important。

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

如果您找到color: #555定义的位置，您可以对其进行编辑，但它也可能影响其他元素...我不知道您是否想要...

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

<h4 class="mega-block-title is-white">Unsere Bestseller:</h4>

然后在 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.is-white {
    color: white;
}