Login with github
Forum /

What's the correct way to name list items using BEM. I've been using #1 below but have seen other websites use other BEM naming conventions.

#1

<ul class="products-list">
    <li class="products-list__item">
        <li class="products-list__item-title"></li>
        <li class="products-list__item-description"></li>
    </li>
</ul>

#2

<ul class="products__list">
    <li class="products__item">
        <li class="products__item-title"></li>
        <li class="products__item-description"></li>
    </li>
</ul>

#3

<ul class="products__list">
    <li class="products__item">
        <li class="products__title"></li>
        <li class="products__description"></li>    
    </li>
</ul>

#4

<ul class="products">
    <li class="products__item">
        <li class="products__item-title"></li>
        <li class="products__item-description"></li>
    </li>
</ul>

#5

<ul class="products">
    <li class="product">
        <li class="product__title"></li>
        <li class="product__description"></li>
    </li>
</ul>