scss 如何避免写重复的类名?

Question

.div{
  .a{
    color:red;
  }
  &:hover .a{
    color:gold;
  }
}

比如上面的代码,重复写了.a
当然这并不是什么大问题, 但如果我想修改.a的名称, 就需要改多个地方
请问有办法实现吗?

比如,将.div储存起来

.div{
    $div:&;
  .a{
    color:red;
    $div:hover &{
        color:gold;
      }
  }
}

Answer 1

很好，学习了