Css 使用父选择器减少多个类规则

我有以下HTML结构：

<div class="block">
  <div class="block--is-disabled block--is-focused">Block</div>
</div>

是否可以使用较少的父选择器应用诸如

.block--被禁用。block--被聚焦

？我唯一接触到的是：

// LESS 
.block {
  &--is-focused & {
    &--is-disabled {
      // some styles
    }
  }
}

使用以下CSS输出：

.block--is-focused .block--is-disabled {
  // some styles
}

但我需要的是下一个CSS：

.block--is-disabled.block--is-focused {
  // some styles
}

---

您可以这样做：

.block {
    &--is-focused&--is-disabled {
        ...
    }
}

---

您可以这样做：

.block {
    &--is-focused&--is-disabled {
        ...
    }
}