Sass nth-child вложенность
Я рефакторинг этих CSS селекторов для 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;
}
... и придумал это:
#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;
}
}
}
К сожалению это выдает ошибку:
Недействительный CSSS после "&": ожидается "{", был "(2), & (4), & (6) {"
Я также знаю, что это может быть лучше, потому что я:
повторяя цвет фонаповторяющиеся числа - то есть (2) и (6)Как я должен рефакторинг этих селекторов?