SassBEM修改器和子级

我具有以下BEM设置：

  .mytable {
      font-size: 16px;
        margin: 30px 0;
      &--standard {
        border: 1px solid red;
        &__row {
          border: 1px solid blue;
        }
      }

我想做的是仅将行样式应用于修改后的表类。

输出以下内容

.mytable--standard__row {
  border: 1px solid blue;
}

这显然不是我想要达到的目标。

有没有一个整洁/标准的方法来解决这个问题？

您可以在修饰符之后添加另一个“＆”号以获取所需的输出：

.mytable {
  font-size: 16px;
  margin: 30px 0;

  &--standard {
    border: 1px solid red;
  }

  &--standard & { //<-- 

    &__row{
      border: 1px solid blue;
    }

    &__some-other-element{}

  }

}