你可以通过在另一个类中嵌套类来增加特定性吗?

时间:2017-11-14 16:49:42

标签: css css3 sass less

这会是

吗?
.class{
 .subclass{ }
}

相同
.class{}
.subclass{}

除了视觉上有什么不同之处吗?

2 个答案:

答案 0 :(得分:3)

在SASS中嵌套正是如此。它增加了选择器的特异性。

Play with this gist on SassMeister.

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

汇编为:

.class .subclass {
  color: red;
}

答案 1 :(得分:1)

它确实增加了特异性。

.class {
    .subclass{}
}
编译成常规css后的

是:

.class .subclass {
}

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

当然,只有在使用SASS / LESS时才有效。