如何在Stylus CSS预处理器中执行多个类选择器

Question

你怎么做/可以在Stylus中做到这一点

.classA.classB {
    color: red;
}

注意，我执行表示 .classA.classB 而非 .classA .classB （他们不同）

我以为会这样做

.classA
    .classB
        color red

但是这样做（我猜这是有道理的）

.classA .classB{color:#f00}

我意识到我可以做到这一点

.classA.classB
    color red

但这并不是非常“手写笔”，如果你进一步嵌套会变得笨拙

由于 吉姆

Answer 1

你应该使用parent reference - 使用＆符号（&）来定义父选择器的去向：

.classA
    &.classB
        color red

这将呈现给

.classA.classB{color:#f00}

Answer 2

正确的方式：

.class
  &A&
    &B
      color red