较少使用父选择器的多个类规则

Question

我有以下HTML结构：

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

还有一些较少的代码：

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

是否可以使用LESS父选择器应用像.block--is-disabled.block--is-focused这样的样式？我唯一接触到的是：

// 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
}

Answer 1

你可以这样做：

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