如何在 Stylus CSS 预处理器中做多个类选择器答案

【问题标题】：How to do multiple class selectors in Stylus CSS pre-processor如何在 Stylus CSS 预处理器中做多个类选择器
【发布时间】：2013-10-17 09:24:23
【问题描述】：

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

.classA.classB {
    color: red;
}

注意，我确实是指.classA.classB而不是.classA .classB强>（他们是不同的）

我以为这样就可以了

.classA
    .classB
        color red

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

.classA .classB{color:#f00}

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

.classA.classB
    color red

但是那感觉不是很“手写笔”，并且当/如果您进一步嵌套时会变得笨拙

谢谢吉姆

【问题讨论】：

标签： css stylus

【解决方案1】：

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

.classA
    &.classB
        color red

这会渲染到

.classA.classB{color:#f00}

【讨论】：

【解决方案2】：

正确的方法：

.class
  &A&
    &B
      color red

【讨论】：