For a question about the naming of BEM, ask for help

clipboard.png

as shown above, it needs to be done like this. I use BEM, but I struggle with the naming of each ranking item. Is it more reasonable for each project as a rank or as a rank__item?


1

<div class="rank">
    <div class="rank__cell rank__num"></div>
    <div class="rank__cell rank__profile"></div>
    <div class="rank__cell rank__name"></div>
    <div class="rank__cell rank__amount"></div>
</div>
<div class="rank">
    <div class="rank__cell rank__num"></div>
    <div class="rank__cell rank__profile"></div>
    <div class="rank__cell rank__name"></div>
    <div class="rank__cell rank__amount"></div>
</div>

2

<div class="rank">
    <div class="rank__item">
        <div class="rank__cell rank__num"></div>
        <div class="rank__cell rank__profile"></div>
        <div class="rank__cell rank__name"></div>
        <div class="rank__cell rank__amount"></div>
    </div>
    <div class="rank__item">
        <div class="rank__cell rank__num"></div>
        <div class="rank__cell rank__profile"></div>
        <div class="rank__cell rank__name"></div>
        <div class="rank__cell rank__amount"></div>
    </div>
</div>
Mar.03,2021

rank__item this should be a ranking, each item is a ranking item


decided to create a new block to solve
in the way recommended by bem as follows. Now there are two block. Ranks is a block rank is a block

.

    <section class="comments">
        <h2 class="comments__title"></h2>

        <article class="comments__comment">
            <h3 class="comments__comment-title"></h3>
        </article>

        <article class="comments__comment">
            <h3 class="comments__comment-title"></h3>
        </article>

    </section>

 commentscomment
    <section class="comments">
        <h2 class="comments__title"></h2>

        <article class="comment">
            <h3 class="comment-title"></h3>
        </article>

        <article class="comment">
            <h3 class="comment-title"></h3>
        </article>

    </section>
Menu