使用nth-child选择多个子元素

Question

div div p:nth-child(1 to 5)

如何用nth-child选择多个数字，所以我得到子元素1到5而不必写：

div div p:nth-child(1),
div div p:nth-child(2),
div div p:nth-child(3),
div div p:nth-child(4),
div div p:nth-child(5) {

}

所以看起来应该是这样的：

div div p:nth-child(1 to 5)

Answer 1

div div p:nth-child(-n+5){

}

这将选择前5个孩子。

Answer 2

div div p:nth-child(1),
div div p:nth-child(2),
div div p:nth-child(3),
div div p:nth-child(4),
div div p:nth-child(5){

}

或

div div p:nth-child(-n+5){

}

Answer 3

div div p:nth-child(n+1):nth-child(-n+5){

}

将选择元素1到5

Answer 4

我已经附加了一个JSFiddle的链接，它应该按照你的要求做，但看起来应该是这样的：

li:nth-child(-n+5){
    color: red;
}

http://jsfiddle.net/p2aBc/1/