BEM html命名约定

在过去的几天里，我一直在努力与BEM合作，但对于如何进行命名约定感到困惑

我知道您可以命名一个块，然后根据需要使用双下划线添加元素。但有时这几乎毫无意义

让我们以此为例

<form class="search-form">
    <!-- `input` element in the `search-form` block -->
    <input class="search-form__input">

    <!-- `button` element in the `search-form` block -->
    <button class="search-form__button">Search</button>
</form>

资料来源：

让我们假设，我已经有了一些根据BEM命名约定编码的按钮。差不多

<button class="btn btn--secondary">Search</button>

问题：如果我用第二个代码btn btn secondary替换表单中的search-form_uu按钮，这不意味着我违反了规则吗

第二，有人能帮我用边界元法命名下面这个街区吗

<div class="profile-card">
    <div class="profile-card-header"></div>
    <div class="profile-pic"><img src="images/headshot.JPG"> </div>
    <div class="content">
        <div class="main"> <a class="header">Donald Trump</a>
            <div class="meta">President, USA</div>
            <div class="location">Somehwere in USA</div>
        </div>
        <p>I am the President of US of A and its huge</p>
    </div>
    <div class="footer">
        <div class="btn-group" role="group" aria-label="...">
         <button class="btn">hi</button>
    </div>
    </div>
</div>

---

我并不是在为我请求帮助的第二个街区设置代码，但相信我，我已经尝试过了，每次它都变成了意大利面条，更令人困惑，更可笑的是，我最终删除了所有东西。如果您能提供帮助，我们将不胜感激。

如果您嵌套了BEM块，您没有违反规则，这就是它的意义所在，但您必须小心操作

最好的解决方案是创建一个欢迎子块的元素，我喜欢称之为嵌套。此嵌套应处理位置、边距和对齐。因此，您不必修改子块btn来处理新的上下文

---

你没有违反规则，如果你嵌套边界元块，这就是它的意思，但你必须小心

最好的解决方案是创建一个欢迎子块的元素，我喜欢称之为嵌套。此嵌套应处理位置、边距和对齐。因此，您不必修改子块btn来处理新的上下文

---

谢谢你，托马斯。。。贝姆把我弄糊涂了谢谢你，托马斯。。。贝姆把我弄糊涂了。