Scss, селектор nth-child и :not() ⇐ CSS

[Anonymous]

Я новичок в scss, и у меня есть базовый стиль для строк в контейнере строк.

Код: Выделить всё

.rows-container{
border-bottom:2px ridge grey;
}
.row{
height:30px;width:100%;

&:hover div{
background-color:lightgrey;
}
&:nth-child(odd){
background: white;
}
&:nth-child(even){
background: #e0e0e0;
}
}

Со следующим HTML-кодом все довольно просто: я пропустил некоторый HTML-код, который не важен.

Код: Выделить всё

 //white
//grey
//white
//grey etc...

Но теперь я добавил дочерние строки

Код: Выделить всё

{{each rows}}
           //parent row

{{each childs}}
//several rows from the same table which have a parent_id connected to the current row.
{{#each}}

{{#each}}

Я планирую переключать подэлементы по щелчку мыши. Но когда подэлементы не видны (подэлементы имеют собственный цвет), нечетный/четный '.rows' перепутан. Теперь я думаю, что это вызвано тем, что нечетный/четный n-й дочерний элемент рассчитывается для всех строк/подэлементов в контейнере, а не только для .row(s).
Есть ли способ стилизовать нечетные/четные .rows, но исключить .subitems из вращения нечетных/четных? Я думал, что, возможно, есть способ использовать :not() в scss, но пока мне это не удалось.

Подробнее здесь: https://stackoverflow.com/questions/441 ... t-selector