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