我如何使用 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;
  }
}

感谢

Answer 1

这个怎么样：

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

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