2017-03-05 27 views
1

假設我在一個集合中有一個產品。將產品稱爲「feature-collection__product」是否合適,因爲它仍然是「feature-collection」塊中的一個元素,或稱爲「feature-collection-product」,因此它變成了它自己的塊,因爲它內部還有其他元素,或者不同的東西。不能確定正確的BEM風格語法

<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> 

OR

<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> 

回答

2

最有可能的正確答案是兩個:

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

當你有相同的DOM節點上不同實體的情況被稱爲組合。在這種情況下,獨立塊產品以及特徵集合的元素是合理的,以便爲特徵收集內的生產設置一些樣式。

有關混音的詳細信息,請看一看https://en.bem.info/methodology/key-concepts/#mixhttps://en.bem.info/methodology/faq/#mixes

+0

啊我看。謝謝! –