title: Override "table tr:nth-child(even/odd) td {}"
body: <p>Alright, let's try this again.</p>
  
  <p>This is part of the code of my table right now.</p>
  
  <pre><code>&lt;table id="infantryTbl"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th class="country"&gt;Country&lt;/th&gt;
              &lt;th class="type"&gt;Type&lt;/th&gt;
              &lt;th class="nr"&gt;Nr&lt;/th&gt;
              &lt;th class="name"&gt;Name&lt;/th&gt;
              &lt;th class="marking"&gt;Markings&lt;/th&gt;
              &lt;th class="comment"&gt;Comment&lt;/th&gt;
              &lt;th class="status"&gt;Status&lt;/th&gt;
              &lt;th class="code"&gt;Code&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td class="titel" colspan="8"&gt;Parachute Company&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td class="center"&gt;British&lt;/td&gt;
              &lt;td class="center"&gt;Command&lt;/td&gt;
              &lt;td class="right"&gt;2st&lt;/td&gt;
              &lt;td class="left"&gt;Rifle/MG&lt;/td&gt;
              &lt;td class="left"&gt;Company Cmd&lt;/td&gt;
              &lt;td class="left"&gt;Parachute Company&lt;/td&gt;
              &lt;td class="painted"&gt;Painted&lt;/td&gt;
              &lt;td class="center"&gt;BBX16&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>With this css I do get every other <code>&lt;tr&gt;</code> in a different color.</p>
  
  <pre><code>table tr:nth-child(odd) td{
    background:#c1c1c1;color:#1f1f1f;
  }
  table tr:nth-child(even) td{
    background:#b0b0b0;color:#1f1f1f;
  }
  </code></pre>
  
  <p>All good so far.</p>
  
  <p>What I want is to change the background and text color on all the cells with the class "painted" and rows with the class "titel". </p>
  
  <pre><code>*.titel {background:#424242;}
  .painted {background:#375e37;}*
  </code></pre>
  
  <p>As it is now nothing happens when I change the class since the odd/even CSS seems to override everything.</p>
  
  <p>How to I make "titel" and "painted" shown?</p>