如何使用sass执行此css代码

Question

CSS代码是：

.parent {display: block;}
.parent .child {color: #fff;}
.parent:hover .child {color: #000;}

我已经尝试过这个sass代码，但是失败了。

.parent {
  display: block;
  .child {
    color: #fff;
  }
  @at-root #{&}:hover & {
    color: #000;
  }
}

THX

Answer 1

这个怎么样：

.parent {
  display: block;
  .child {
    color: #fff;
  }
  &:hover .child {
    color: #000;
  }
}

您可以使用css 2 sass converter tool等工具转换您的CSS。