使用CSS选择器更改一对2元素的div类

时间:2017-04-14 17:12:36

标签: html css3

我尝试使用CSS在2对2中选择一对div的集合。

示例:

我有AA AA AA AA AA AA但使用选择器需要在2步(A和B字母是DIV)中更改2个元素的css:

AA BB AA BB AA BB

我正在尝试

&:nth-child(3n+3)

但没有成功。有什么帮助吗?

1 个答案:

答案 0 :(得分:4)

如果我理解你是正确的,那么你需要2条规则

div {
    display: inline-block;
}
div:nth-child(4n+3),
div:nth-child(4n+4) {
    color: red;
}
<div>A</div><div>A</div>
<div>A</div><div>A</div>
<div>A</div><div>A</div>
<div>A</div><div>A</div>
<div>A</div><div>A</div>
<div>A</div><div>A</div>