如何添加:悬停在sass中的父母

Question

在sass中，如果我最初有

.a:hover {}
.a .b {}
.a .c {}

我该如何分解。

.a {
    :hover {}
    .b {}
    .c {}
}

但行不通。有人知道如何吗？

谢谢

Answer 1

您必须添加"＆amp;"在"：悬停"之前

.a {
    &:hover {}
    .b {}
    .c {}
}  

Answer 2

parent {
  &:hover {
    property
  }
}

结果

parent:hover {
  property
}