Sass zagnieżdżanie n-tego dziecka
Refaktoryzuję te selektory CSS do Sass:
#romtest .detailed th:nth-child(2),
#romtest .detailed th:nth-child(4),
#romtest .detailed th:nth-child(6),
#romtest .detailed td:nth-child(2),
#romtest .detailed td:nth-child(3),
#romtest .detailed td:nth-child(6),
#romtest .detailed td:nth-child(7),
#romtest .detailed td.last:nth-child(2),
#romtest .detailed td.last:nth-child(4) {
background:#e5e5e5;
}
... i wymyślił to:
#romtest .detailed {
th:nth-child {
&(2), &(4), &(6) {
background:#e5e5e5;
}
}
td:nth-child {
&(2), &(3), &(6), &(7) {
background:#e5e5e5;
}
}
td.last:nth-child {
&(2), &(4) {
background:#e5e5e5;
}
}
}
Niestety jest to błąd:
Nieprawidłowy CSSS po „&”: oczekiwany „{”, był „(2), i (4), i (6) {”
Wiem też, że może być lepiej, bo:
powtarzanie koloru tłapowtarzające się liczby - tj. (2) i (6)Jak powinienem refaktoryzować te selektory?