不确定正确的 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 的一个元素来为 feature-collection 中的生产设置一些样式是合理的。

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