二列表示のとき、
□■
■□
□■
■□
みたいに交互できる背景の色をつけられるSCSSの疑似プロパティ
.class{
background: #fff;
&:nth-child(4n+2), &:nth-child(4n+3){
background: #000;
color: #fff;
}
}
ちなみに3列の場合は普通に
.class{
background: #fff;
&:nth-child(even){
background: #000;
color: #fff;
}
}
で可能です。
4列のは必要なときに考えます。