在angularsts中为angularjs覆盖Bootstrap Accordion颜色

Question

我是angularjs/bootstrap的新手,我正在尝试创建一个使用bootstrap手风琴列表的SPA.我正在尝试改变整个手风琴标签的颜色,但是它只会改变手风琴空间的一部分.我在网上看了这个问题(使用angualr ui bootstrap将手抄本添加到手风琴？)并且它的Jsfiddle(http://jsfiddle.net/Zmhx5/3/)完美地代表了我的问题,但没有解释解决方案.

我尝试使用firebug来了解幕后发生的事情,并说整个手风琴标签都是"".我有一个css类来覆盖这种风格,但由于某种原因,有些东西会覆盖它.

.panel-heading {
background-color: red;
}

这个网站有一个关于手风琴的教程,它的css只是覆盖了它(http://patternry.com/p=accordion/).我试过做同样的但是没有用,请帮忙:/

Answer 1

您的覆盖不起作用的原因是CSS特异性.由于Bootstrap样式比您的更具体,因此它正在被应用.您需要覆盖如下

.panel-default >.panel-heading {
    background-color: red;
}

这是JSFiddle供参考.