在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ 關(guān)于BEM命名的一個(gè)問(wèn)題，求助

關(guān)于BEM命名的一個(gè)問(wèn)題，求助

clipboard.png

如上圖，需要做成這樣，我用的BEM,但是每一個(gè)排行項(xiàng)的命名我比較糾結(jié)，每個(gè)項(xiàng)目是作為rank還是作為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>
回答
編輯回答
亮瞎她

rank__item你這應(yīng)該是一個(gè)排名的，每一項(xiàng)是一個(gè)排名項(xiàng)

2018年1月7日 07:16
編輯回答
選擇

決定了用如下的，bem推薦的方式，創(chuàng)建新的塊來(lái)解決
現(xiàn)在就是兩個(gè)block了，ranks為一種塊 rank為一種塊

錯(cuò)誤
    <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>

正確 comments塊和comment塊
    <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>
2017年6月27日 21:29