title: CSS nth-child property does not work correctly when dynamically adding items
body: <p>I have some divs defined in my page </p>
  
  <pre><code>&lt;div class="alternating"&gt;random text&lt;/div&gt;
  &lt;div class="alternating"&gt;random text&lt;/div&gt;
  &lt;div class="alternating"&gt;random text&lt;/div&gt;
  &lt;div class="alternating"&gt;random text&lt;/div&gt;
  &lt;div class="alternating"&gt;random text&lt;/div&gt;
  </code></pre>
  
  <p>I have added a css property</p>
  
  <pre><code>.alternating:nth-child(even){
      background: #FF0000;
  }
  </code></pre>
  
  <p>On the loading the page everything seems fine and the even rows are colored.
  But when I add a new div to the parents of this divs (using Knockout and jquery) the newly adding row does not show the right color.
  That means if my last line was odd (no color) the newly added div also appears with no color.
  Or if the last div was even (with color) the newly added div also appears with color.</p>
  
  <p>But after that it works out normal again.
  My problem is only on the addition of the 1st div.</p>
  
  <p>Any ideas?</p>