如何获得 Stylus 的 root 权限？

Question

我有根嵌套问题

为了更好地使用 Sass 中的 bem 模块，我们使用 $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 有一个针对相同情况的特殊选择器。

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

.block
    &:hover
        ~/__elem
            color: white

How get root in Stylus?