无法弄清楚CSS改变Toggle_Sidebar背景颜色

时间:2017-07-18 16:58:07

标签: html css wordpress

在这个页面上,http://www.fkhv.org/切换边栏上写着“给予Fahrney Keedy” - 我需要让它变得更加突出蓝色。

我无法弄清楚在样式表中要改变什么以使其改变。

会喜欢一些帮助。

我尝试了这个,但它不起作用:

/* TOGGLE SIDEBAR */

.toggle_sidebar .switcher{
    background: #0000FF;
}

.toggle_sidebar .switcher{
    right: auto;
    left: 0;
    background: #0000FF;
}
.toggle_sidebar .switcher_shadow{
    right: auto;
    left: 0;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

2 个答案:

答案 0 :(得分:1)

您的问题与CSS styles specificity order有关。

一种可能的解决方案是在元素中添加一个id并将样式应用于它,因为id样式的优先级高于类样式。

例如,考虑添加id(my-id),如下所示:

<section class="toggle_sidebar" id="my-id">
    ...
</section>

然后根据需要创建样式:

#my-id { 
    background-color: red;
}

这应该可以让你拥有所需的颜色。这是一种比使用!important更好的方式,import { BubbleListComponent } from './components/bubble-list/bubble-list.component'; import { NgModule } from '@angular/core'; import { IonicPageModule } from 'ionic-angular'; import { MyMainPage } from './my-editor'; @NgModule({ declarations: [ MyMainPage, BubbleListComponent ], imports: [ IonicPageModule.forChild(MyMainPage) ], exports: [ MyMainPage ], providers: [ ] }) 被认为是bad (or at least a last resort) practice

答案 1 :(得分:0)

CSS样式按特定顺序应用。通过快速检查将背景应用于.toggle_sidebar的CSS规则,可以看出规则很大。我甚至没有尝试将它分开,但如果你需要我,我可以。在我看来最简单的事情就是用它重写它!重要的是这样:

.toggle_sidebar, .switcher {
    background-color:#0000FF !important;
}