首页 > 解决方案 > 尝试使用 BEM 方法,我在正确的轨道上吗?

问题描述

尝试使用 BEM 方法,我在正确的轨道上吗?

            <header className="first-section__header">
                <nav className="first-section__header__navigation">
                    <ul className="first-section__header__navigation__list">
                        <li className="first-section__header__navigation__item"></li>
                        <li className="first-section__header__navigation__item"></li>
                        <li className="first-section__header__navigation__item"></li>
                        <li className="first-section__header__navigation__item"></li>
                    </ul>
                </nav>
                <button className="button first-section__header__btn">Enter</button>
            </header>
        </section>```

标签: htmlcssbem

解决方案


在 bem 方法中,您可以达到 2 级。

.parent__child__secondChild //correct
.parent__child__secondChild__thirdChild //not correct.

有关 bem 的更多详细信息。


推荐阅读