Как задать ховер родительскому элементу, чтобы менялся дочерний в SCSS?

Question

[Alex Krynytskyi]

Как правильно записать, чтобы менялся цвет у box-1?
https://skr.sh/s5mQNSBqDlD

Comments

[Евгений]

&:hover box-1 {

}

Answer 1

[iBird Rose]

потому что & уже другой. делай так:

&:hover {
    .main__box-1 {}
}

либо сохраняй & в переменную

.main {
  $v: &;
  &:hover {
    #{$v}__box-1 {
      background: #000;
    }
  }
}