问Bem嵌套命名
EN

Stack Overflow用户

提问于 2018-02-14 20:43:29

回答 1查看 721关注 0票数 0

假设我有一个panel块，每个块里面都有卡片，所以它应该是这样的：

.control-block
  .control-panel
    .control-results
      .card
        .card-title
        .card-body

我应该在.card块中使用一些前缀吗？

回答已采纳

发布于 2018-02-14 20:49:44

你不需要card块的任何前缀，但我更喜欢这样的前缀：

.control
  .control__panel
    .control__results
      .card
        .card__title
        .card__body

所以有两个块:其中包含card的control。control有两个元素：panel和results。card有title和body。

如果你想将card和control连接起来，你可以添加一个带有control__card的mix，这样最终的标记将是：

.control
  .control__panel
    .control__results
      .card .control__card
        .card__title
        .card__body

有关这种方法的更多信息，请参阅https://en.bem.info/methodology/css/#mixes

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48787552

复制

相似问题

问Bem嵌套命名EN