在这个页面上,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);
答案 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;
}