如何让 less 在嵌套条件下生成 BEM 样式的选择器？

Question

它非常适合遵循 BEM 约定的 CSS 样式。 Less 也很适合我们 css 开发工作。通常，我想使用 LESS 嵌套功能来组织我的 css。以下是SASS如何通过@at-root（嵌套条件下的BEM输出）将两者组合在一起

.block {
    color: red;
    @at-root #{&}__element {
    color: blue;
}

    @at-root #{&}--modifier {
        color:orange;
    }
}

会编译成：

.block {
    color: red;}
.block__element {
    color: blue;
}
.block--modifier {
    color:orange;
}

我们如何在 LESS 中实现？谢谢~!

Answer 1

.block {
  color: red;

  &__element {
    color: blue;
  }

  &--modifier {
    color: orange;
  }
}

how let less produce BEM styled selectors in nested condition?