使用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;
}