如何在 Stylus 中扎根？

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 有一个针对相同大小写的特殊选择器。

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

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

.block
    &:hover
        ~/__elem
            color: white