Unsicher von korrekter BEM-Stil-Syntax

Question

Angenommen, ich habe ein Produkt in einer Sammlung. Ist es angebracht, das Produkt "feature-collection__product" zu nennen, so ist es immer noch ein Element innerhalb des Blocks von "Feature-Collection" oder nennt es "feature-collection-product", so dass es zu einem eigenen Block wird, da es andere Elemente enthält oder etwas anderes.

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

ODER

<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

Wahrscheinlich die richtige Antwort ist:

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

Die Situation, wenn Sie verschiedene Einheiten auf dem gleichen DOM-Knoten wird als Mischung haben. In diesem Fall ist es sinnvoll, einen unabhängigen Block Produkt und auch ein Element feature-sammlung zu haben, um einige Stile für die Produktion innerhalb der Feature-Sammlung festzulegen.

Für weitere Informationen über Mischungen nehmen bitte einen Blick auf https://en.bem.info/methodology/key-concepts/#mix und https://en.bem.info/methodology/faq/#mixes