Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 选择第n个子项选择1、2、5、6、9、10等_Html_Css_Css Selectors - Fatal编程技术网

Html 选择第n个子项选择1、2、5、6、9、10等

Html 选择第n个子项选择1、2、5、6、9、10等,html,css,css-selectors,Html,Css,Css Selectors,我有一组div,如下所示 <div class="selector"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> &

我有一组div,如下所示

<div class="selector">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
</div>

1.
2.
3.
4.
5.
6.
7.
8.
9
10
我想为div 1、2、5、6、9、10等提供背景色。如何使用第n个选择器选择特定div?可能吗


注:div的数量可能会增加到n。

您可以使用第n个子概念

div.selector:nth-child(2) {
    background: #ff0000;
} 

如果我理解正确,您希望选择:

1 2 3 4 5 6 7 8 9 10 ...
+ +     + +     +  + ...
为此,您可以使用:

.selector>div:n子级(4n+1),.selector>div:n子级(4n+2){
背景色:红色;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10

我认为使用n个child并不好,因为IE8兼容。最好使用+符号
li+li
或通过在每个div中添加类。

此等式将给出顺序

2n+[((-1)^(n+1))-3]/2

抱歉,desc是正确的@suresponnukalai的可能副本我刚喝了咖啡,所以我非常活跃:D@VyasRao欢迎:)不要恨自己,每个人都会犯简单的错误:)很明显,这是一个表达式,而不是一个等式。我知道。你好,这不符合标准。这是一个评论,不应该用作答案