CSS选择每隔一对元素

Question

我有一个简单的无序列表。

<ul>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Forth item</li>
  <li>Fifth item</li>
  <li>Sixth item</li>
</ul>

我需要选择成对地选择所有其他元素。所以基本上，我需要第一个+第二个，第五个+第六个，依此类推，因为模式将无限重复。

我想避免使用javascript，因为这将是一个角度应用，所以我不做任何DOM操作。

我已经尝试弄乱nth-child()方程，但无法弄清楚哪个方程式会给我我需要的东西。有任何想法吗？任何帮助表示赞赏！

Answer 1

你可以做这样的事情

li:nth-child(4n+1), li:nth-child(4n+2) {
  color: blue;
}

关于codepen的示例：http://codepen.io/erikL/pen/qyeKc/

Answer 2

您可以选择每四个项目减去3和2以包含前两个项目：

li:nth-child(4n-3),
li:nth-child(4n-2)

<强> DEMO