title: css style overwrite order?
body: <p>Well i have 2 css includes</p>
  
  <pre><code>&lt;link href="Styles/layout.css" rel="stylesheet" type="text/css" /&gt;
  &lt;link href="Styles/ATJournal.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>layout.css</p>
  
  <pre><code>Table.infoBox tr td table tr td
  {
      padding: 0px;
      border: 0px;
  }
  </code></pre>
  
  <p>ATJournal.css</p>
  
  <pre><code>table.ATJMainTable tr td
  {
      border: 1px solid black;
      padding: 3px;
  }
  </code></pre>
  
  <p>and then we have this table</p>
  
  <pre><code>&lt;Table class="infoBox"&gt;
      &lt;tr&gt;
          &lt;td&gt;
          &lt;table class="ATJMainTable"&gt;
              &lt;tr&gt;
                  &lt;td&gt;
                      some text!
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Why does layout.css overwrite ATJournal.css in this case?</p>
  
  <p>Even if i change the order of the css includes "layout.css" still overwrites ATJournal.css....</p>