title: do not apply css style to child elements
body: <p>we have</p>
  
  <pre><code>&lt;div class="xTable"&gt;
   &lt;table&gt;
    &lt;tr&gt;
     &lt;td&gt;
      &lt;div class="xTable"&gt;
       &lt;table&gt;
        &lt;tr&gt;
         &lt;td&gt;
          &lt;div class="xTable"&gt;
           &lt;table&gt;...&lt;/table&gt;
          &lt;/div&gt;
         &lt;/td&gt;
        &lt;/tr&gt;
       &lt;/table&gt;    
      &lt;/div&gt;
     &lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How do I apply custom css styles to <strong>2nd div</strong>, only to 2nd div and not to 1 or 3 or deeper?</p>
  
  <p>NO WAY TO ADD EXTRA CLASSES or IDS! Html is generated dynamically and is unmanageable.</p>
  
  <p>I would use</p>
  
  <pre><code>.xTable table .xTable
  </code></pre>
  
  <p>but that means 3rd and deeper divs will be affected.</p>
  
  <p>no IDs! Please CSS selectors only.</p>
  
  <p>Thanks!</p>