班级选择者的顺序是否重要？

Question

假设我有一个如下元素：

<div class="A B C" />

在scss样式表中，我有以下样式：

.A {
  &.B {

  }
  &.C {
  }
}

.B {
  &.A {
  }
  &.C {
  }
}

.C {
  &.A {
  }
  &.B {
  }
}

该元素将采用哪些CSS样式以及它如何工作？

Answer 1

所有这些都将被应用，因为订单不相关。如果它们包含相同参数的设置，则后面的规则将覆盖之前的规则，这仅仅是由于样式表中的顺序。

Answer 2

所有这些款式都将被选中。课程顺序无关紧要。这将转化为的CSS基本上是：

.A.B {
}
.A.C {
}

.B.A {
}
.B.C {
}

.C.A {
}
.C.B {
}

...因为它有三个类，所以它们都适用。