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