css - 如何在 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

您应该在那里使用父引用- 使用 & 符号 ( &) 来定义父选择器的位置：

.classA
    &.classB
        color red

这将呈现为

.classA.classB{color:#f00}

Answer 2

正确的方式：

.class
  &A&
    &B
      color red