Question

在这个页面上，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);

Answer 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。

Answer 2

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

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

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

2 个答案: