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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -