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

1 に答える 1