html - 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>

我需要成为 abel 才能成对选择所有其他元素。所以基本上，我需要第一个+第二个、第五个+第六个等等，因为模式会无限期地重复。

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

我试过弄乱 nth-child() 方程，但无法弄清楚哪个方程可以满足我的需求。有任何想法吗？感谢您的帮助!

Answer 1

你可以这样做

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

codepen 上的示例:http://codepen.io/erikL/pen/qyeKc/