2017-04-14 66 views
2

我嘗試使用CSS來選擇在對2的div的集合的在2.使用CSS選擇改變的div類在一對2個元素

實施例:

我有AA AA AA AA AA AA但使用選擇需要在第2步驟變更2種元素的CSS(A和B信是一個DIV):

AA BB AA BB AA BB

我試圖

&:nth-child(3n+3) 

但沒有成功。任何幫助?

+0

@ Jorden1337它不完全是。見示例我不需要A B A B A但A A B B A A B B A A – pedrofernandes

+0

您能否告訴我我的答案中缺少什麼,以便我可以調整並接受。 – LGSon

回答

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>

+0

完美我試過,但可能第二選擇器有一個(3n + x)錯誤的參數謝謝。 – pedrofernandes

+0

@ pho3nix不客氣 – LGSon