使用nth-child的问题

Question

我是网络编程的新手，并开始阅读我们如何在css中使用正确的选择器。我真的需要这个，因为我正在开发一个博客，我的目标是在一个范围内以更有效的方式定位几个段落！

为了简化问题，我做了一个例子li，我需要帮助从[5-15]中选择最有效的li方式以及为什么！在我发布之前，我先阅读article

<ol>
 <li>item one</li>
 <li>item two</li>
 <li>item three</li>
 <li>item four</li>
(...)
<ol>

这是我的jsfiddle

Answer 1

尝试

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

演示：Fiddle

Answer 2

使用example：

li, li:nth-child(n+15)~li {
    /* Your normal li style */
}
li:nth-child(n+5) { 
    /* The 5-15 style */ 
}

Answer 3

如果你想使用jquery，你可以试试这个。

var my_selection = [];
for(var i=4;i<=14;i++){
my_selection.push($('ol li').get(i));
}

Answer 4

Arun P Johny的答案很棒，我肯定会这样做。如果由于浏览器的支持需要在jQuery中做同样的事情，或者你可以使用jQuery的.slice。

$('li').slice(4, 15).css('color', 'red');

这是一个小提琴：http://jsfiddle.net/PCL7Z/13/

Answer 5

首先，如果你想要一个范围选择器，你需要使用＆＃39;，＆＃39;或者＆＃39;：＆＃39;像：

li:nth-child(), li:nth-last-child() or li:nth-child():nth-child() 

如果范围内的第一个数字是5，你可以使用这个（n + 5）为什么？

| n |结果（N + 5）

| 0 | 5（0 + 5）

| 1 | 6（1 + 5）

| 2 | 7

| 3 | 8

第二部分是：（ - n + 15），为什么因为在最后一个范围内你只需要15以上。我用简单的方法