如何在Stylus中扎根？

Question

我有根嵌套问题

为了更好地使用 Sass 中的bem-modules，我们使用$root

.block
  $root: &
  background: gray
  &__elem
    background: red
    color: black
  &:hover
    #{$root}__elem
      color: white

此代码编译为：

.block {
  background: gray;
}
.block__elem {
  background: red;
  color: black;
}
.block:hover .block__elem {
  color: white;
}

如何在手写笔中获得此效果？

Answer 1

针对同一个案例，Stylus有一个特殊的选择器。

stylus-lang.com/docs/selectors.html#initial-reference

您可以使用~/或^[0]

.block
    &:hover
        ~/__elem
            color: white