Html 选择第n个子项选择1、2、5、6、9、10等
我有一组div,如下所示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 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欢迎:)不要恨自己,每个人都会犯简单的错误:)很明显,这是一个表达式,而不是一个等式。我知道。你好,这不符合标准。这是一个评论,不应该用作答案