title: alternate coloring of div elements css
body: <p>i have the following DOM elements:</p>
  
  <pre><code>&lt;div class="document&gt;
    &lt;div class="text"&gt; some text1 &lt;/div&gt;
    &lt;div class="text"&gt; some text2 &lt;/div&gt;
    &lt;div class="text"&gt; some text3 &lt;/div&gt;
    &lt;div class="text"&gt; some text4 &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>i want to color them alternately, meaning text1, text3 are same color and text2, text4 are of same color. 
  how can this be done using css?</p>