title: CSS override / do only once?
body: <p>I use the following code in CSS</p>
  <pre class="lang-css prettyprint-override"><code>.table&gt;tbody&gt;tr:nth-of-type(even) { background-color:#C6DDFF;}
  </code></pre>
  <p>to color table rows one white, next blue, next white...</p>
  <p>But when I use JavaScript to insert a new <code>&lt;tr&gt;</code> (which is needed temporary) the design screws up. Because the CSS sees the inserted <code>&lt;tr&gt;</code> as next row, which is theoretically correct.</p>
  <p>But want the new <code>&lt;tr&gt;</code> in a own style, and the original table layout should be the same as in the first load.</p>
  <p>Is there a way to tell CSS like &quot;don't affect this row...ignore it?&quot;</p>