Здравствуйте, столкнулась с одной проблемкой.
У меня темовая страничка, вот примерный html
<div class='theme-1'>
<div class='main'>
<div class='main-child >
<div class='main-child -img></div>
</div>
</div>
</div>
.theme 1 {
.main {
&-child {
&:hover &-img {} <----
}
}
}
Проблема в том, что в scss
наследуется все хорошо до одного момента где ховер на child чтобы изменить img
<- он наследует так
А нужно так
<element class="theme-1>
<element class="main-child" :hover>
…
<element class="main-child-img">