【问题标题】:disabled block in BEMBEM 中的禁用块
【发布时间】:2016-01-04 22:15:34
【问题描述】:

我正在使用 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 呢?我不确定我的方法是否正确,因为我想覆盖整个块。

【问题讨论】:

  • “最佳方式” 问题要么过于宽泛,基于意见,要么需要讨论,因此与 Stack Overflow 无关。如果您有具体的、可回答的编程问题,请提供完整的详细信息。
  • 明白了。刚刚更新了问题。希望能澄清我需要做什么。谢谢

标签: css bem


【解决方案1】:

element--disabled 会很好。欲了解更多信息,请参阅https://en.bem.info/method/naming-convention/#modifier-name

【讨论】:

    猜你喜欢
    • 2013-10-13
    • 1970-01-01
    • 1970-01-01
    • 2013-07-14
    • 2017-03-07
    • 2020-01-02
    • 2014-05-08
    • 2014-04-29
    • 1970-01-01
    相关资源
    最近更新 更多