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

Question

遵循BEM约定的CSS样式非常棒。 对我们做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

使用Parent selectors

.block {
  color: red;

  &__element {
    color: blue;
  }

  &--modifier {
    color: orange;
  }
}