Проблеми с гнездяването в sass [дубликат] - css, sass

Знам, че можете да добавите избор на родител така:

.main-selector {
.parent-selector & {

}
}

Опитвам се да разбера дали има начин да се върна на селектора на главния модулатор, за да мога да добавя стила на държавна стихия към детския елемент, така че нещо подобно:

.main-selector {
.child-selector {
*styles*
.main-selector:hover & {
*hover styles*
}
}
}

Отговори:

Правилният синтаксис би бил:

.main-selector {
.child-selector {
*styles*
}
&:hover {
*hover styles*
}
}

Това ще доведе до задържане на вашето main-selector, Можете да го направите по друг начин, както е така:

.main-selector {
&:hover {
*hover styles*
}
.child-selector {
*styles*
}
}