title: CSS inheritance
body: <pre><code> .x-panel-myheader{overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 3px; border:1px solid #99bbe8;line-height:5px;background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;}
  .x-panel-myheader .x-panel-body { background-color: Transparent;  }
  .x-panel-myheader .x-toolbar { background-color:inherit; border:0px ;}
  
  `
  &lt;div class="x-panel x-panel-myheader x-border-panel x-panel-noborder" id="pnlHeader" style="width: 608px; top: 0px; left: 0px;"&gt;
    &lt;div class="x-panel-bwrap" id="ext-gen62"&gt;
       &lt;div class="x-panel-body x-panel-body-noheader x-panel-body-noborder" id="ext-gen63" style="width: 608px; height: 39px;"&gt;
          &lt;div class="x-toolbar x-small-editor x-abs-layout-item" id="tbarTest" style="top: 17px; left: 5px;"&gt;
  </code></pre>
  
  <p>`    </p>
  
  <p>how does CSS inheritance work? I want to apply a different CSS to div class="x-toolbar  "
  Not sure how to access it.</p>