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节点上具有不同实体的情况称为mix。在这种情况下，拥有独立块产品以及功能集合元素是合理的，可以在功能集合中为生产设置一些样式。

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

不确定正确的BEM样式语法

1 个答案: