第n个孩子。每4/5，9 / 10,14 / 15元素定位

Question

我正在创建一个小博客布局，我希望每个第4和第5，第10和第11，第14和第15等帖子都有不同的课程。

所以基本上会有3个常规帖子，然后是2个这个新课程，3个更常规，2个新课程等。

:nth-child困扰我，所以有人能指出我正确的方向吗？

Answer 1

您可以使用nth-child选择器，选择5n - 1和5n元素

$('ul').children(':nth-child(5n-1), :nth-child(5n)').append('text')

演示：Fiddle

Answer 2

您也可以使用纯css执行此操作：

ul li:nth-child(5n),ul li:nth-child(5n-1){
   color: red;
}

HTML：

 <ul>
     <li>List elements</li>
 </ul>

小提琴http://jsfiddle.net/wkxtL/2/

编辑：对不起，没看过这个问题。这不会改变teir课程，只会改变他们的意见