css - div元素css的替代着色

Question

我有以下 DOM 元素:

<div class="document>
  <div class="text"> some text1 </div>
  <div class="text"> some text2 </div>
  <div class="text"> some text3 </div>
  <div class="text"> some text4 </div>
</div>  

我想交替给它们上色，意思是 text1、text3 是相同的颜色，而 text2、text4 是相同的颜色。
这如何使用 css 来完成？

Answer 1

单独使用 css 你可以使用

.text:nth-child(odd)
{
    color: green;
}

但它只是 CSS3