您可以通过将 class 嵌套在另一个 class 中来提高特异性吗？

Question

这会

.class{
 .subclass{ }
}

同

.class{}
.subclass{}

除了视觉上有什么不同吗？

Answer 1

它确实增加了特异性。

.class {
    .subclass{}
}

编译成正则后css是：

.class .subclass {
}

而您的第二个示例在编译后保持完全相同。

当然，这仅在您使用 SASS / LESS 时有效。

Answer 2

嵌套在 SASS 中正是这样做的。它增加了选择器的特异性。

.class {
  .subclass {
    color: red;
  }
}

编译为：

.class .subclass {
  color: red;
}

Can you increase specifity by nesting class inside of another class?