title: Table inside table with different styles?
body: <p>How to make two different styles for two tables table cells that one cells of them is inside another table?</p>
  
  <p>I have two css styles:</p>
  
  <pre><code>table.style1 { /* any styles */}
  table.style1 td { /* any styles */}
  </code></pre>
  
  <p>and </p>
  
  <pre><code>table.style2 { /* any styles */}
  table.style2 td { /* any styles */ }
  </code></pre>
  
  <p>In code i have somting like this:</p>
  
  <pre><code>&lt;table class="style1"&gt;
     &lt;tr&gt;
        &lt;td&gt;
           &lt;table class="style2"&gt;
              &lt;tr&gt;&lt;td&gt;bla bla&lt;td&gt;&lt;/tr&gt;
           &lt;/table&gt;
        &lt;/td&gt;
     &lt;tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and the results is - all of <code>&lt;td&gt;</code> table cells in second table (with style2) are with style1... !</p>
  
  <p>How to make two different css stile, when I have table inside table?</p>