html - How to override css grouped styles -
i'm looking way override bootstrap accordian style.
.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid #ddd; } i using accordian inside <div class="settings"><div>. can therefore overide styles settings selector.
.settings .panel-heading { padding: 0; border: 0; } but when use settings selector grouped styles @ top doesn't work...
.settings.panel-group .panel-heading+.panel-collapse .panel-body { border-top: 1px solid #ddd; } this doesn't work...
.settings.panel-group .settings.panel-heading+.settings.panel-collapse .settings.panel- body { border-top: 1px solid #ddd; } please can point me in right direction?
if markup looks this:
<div class="settings"> <div class="panel-group" id="accordion"> ... </div> </div> then need have space in css selector between .settings , .panel-group indicate descendant element.
.settings .panel-group ... { } if have .settings.panel-group without space, means markup have <div class="settings panel-group">.
Comments
Post a Comment