css - 是否可以在 less 中创建所需的类作为嵌套类？

Question

是否可以编写嵌套版本

.foo.bar 

少一点？喜欢

.foo {
    .bar { } // ='nested'; creates '.foo .bar' tho
}

Answer 1

是的，您可以使用 & operator 引用父选择器.

.foo {
  &.bar {
    color: #f00;
  }
}

编译为:

.foo.bar {
  color: #f00;
}