BEM禁用块

Question

我正在使用BEM，我想知道如何“禁用”一个块（.element）。 禁用我的意思是使用不同的CSS背景来模拟禁用状态。

.element {
    background-color: #FFF;
}

.element__title {
    font-weight: bold;
}

<div id="test" class="element">
    <div class="element__title">this is the title</div>
</div>

我应该创建

.element--disabled {
    background-color: #EEE;
}

并将其应用于

<div id="test" class="element element--disabled">

__title怎么样？我不确定我的方法是否正确，因为我想覆盖整个块。

Answer 1

element--disabled会很好。有关详细信息，请参阅https://en.bem.info/method/naming-convention/#modifier-name