BEM CSS公约

如何解决BEM CSS公约

我是《 BEM公约》的初学者。我已经看了很多关于它的视频，但是当涉及到编码时，我有点困惑。

这是网站的标题部分：

<header class="header">
            <div class="header__logo-Box">
                <img src="images/logo.png" alt="" class="header__logo">
                <h1 class="header__tittle">Happy Years</h1>
            </div>
            <nav class="header__navbar">
                <ul class="header__navbar-list">
                    <li class="header__navbar__item">
                        <a href="" class="header__navbar__link">More Us</a>
                    </li>
                    <li class="header__navbar__item">
                        <a href="" class="header__navbar__link">How it works</a>
                    </li>
                </ul>
            </nav>
        
   </header>

所以我有带有h1和2链接的徽标。 BEM惯例在这里好吗？

谢谢

解决方法

使用此代码是正确的BEM结构

<header class="header">
            <div class="header__logo-box">
                <img src="images/logo.png" alt="" class="header__logo">
                <h1 class="header__title">Happy Years</h1>
            </div>
            <nav class="header__navbar">
                <ul class="header__navbar-list">
                    <li class="header__navbar-item">
                        <a href="" class="header__navbar-link">More Us</a>
                    </li>
                    <li class="header__navbar-item">
                        <a href="" class="header__navbar-link">How it works</a>
                    </li>
                </ul>
            </nav>
   </header>