css - 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？我不确定我的方法是否正确，因为我想覆盖整个块。

score 2 · Accepted Answer

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

1 回答 1