How to rewrite scss correctly?

Question

Sass

Please help me to correctly rewrite the lower example in scss

.test {
  &:hover { 
         /* вот сюда */
  }

  &__title, 
  &__name{
  color: green;
  }
}

/* вот этот код расписать в код выше   */
.test:hover .test__title,  
.test:hover .test__name{
  color: red;
}

Answer 1

.test{
  $root: &;
  &:hover{
    #{$root}__title,
    #{$root}__name{
      color: red;
    }
  }
}

Answer 2

.test {
  &:hover &__title { 
        
  }
  &:hover &__name{ 
        
  }
}

Or (but this is not a convenient option):

.test {
  &:hover { 
        .test__title{}
        .test__name{}
  }
}

UPD: And if you search on the stackoverflow, you can find out how it's done: https://stackoverflow.com/questions/34021910/bem-w...
UPD: For myself, and for you, I chose the most normal option implementations:

.test { 

    &__name {
        color: red;
    }

    &:hover & {
        &__name  {
            color: green;
        }   
    }
}

It is important not to forget about the ampersand after :hover, then it will be possible to write in the "familiar" form for you.

Answer 3

css2sass.herokuapp.com