不确定正确的 BEM 样式语法

Question

假设我有一个产品系列。将产品称为 "feature-collection__product" 是否合适，这样它仍然是 "feature-collection" 块中的一个元素，或者称它为 "feature-collection-product" 是否合适，因为它包含其他元素，所以它成为自己的块，或者不一样的东西。

<div class="feature-collection">

    <div class="feature-collection__product">
        <h2 class="feature-collection__product-title"></h2>
        <h2 class="feature-collection__product-price"></h2>     
    </div>

</div>

或

<div class="feature-collection">

    <div class="feature-collection-product">
        <h2 class="feature-collection-product__title"></h2>
        <h2 class="feature-collection-product__price"></h2>     
    </div>

</div>

Answer 1

最有可能的正确答案是：

<div class="feature-collection">
    <div class="feature-collection__product product">
        <h2 class="product__title"></h2>
        <h2 class="product__price"></h2>     
    </div>
</div>

同一个 DOM 节点上有不同实体的情况称为混合。在这种情况下，有独立的块 product 和 feature-collection 的元素来为特性集合中的生产设置一些样式是合理的。

有关混音的更多信息，请查看 https://en.bem.info/methodology/key-concepts/#mix and https://en.bem.info/methodology/faq/#mixes

不确定正确的 BEM 样式语法

Unsure of correct BEM style syntax

html

css

syntax

naming-conventions

bem