容器的 BEM 命名 div？

Question

我是 BEM 命名约定的新手。从我看过的教程来看，块部分似乎是包含元素的“包装器”。我的问题是 BEM 如何与覆盖整个页面部分的容器一起使用？还叫它们“容器”好吗？

我的另一个问题是，如果我有两个容器宽度不同的网页，比如登录和主页，分别命名它们登录容器和主容器可以吗？或者我应该添加一个名称作为修改器？

这是一个基本结构：

<div class="container">

<div class="card">
<img class="card__image" src="pic.jpg" alt="pic">
<h2 class="card__header">This is a card</h2>
</div>

<div class="card">
<img class="card__image" src="pic.jpg" alt="pic">
<h2 class="card__header">This is a card</h2>
</div>

</div>

Answer 1

container 应该是 utility 类之类的东西，所以我将其命名为 .u-container.

我觉得这篇文章可以说的是：

https://markus.oberlehner.net/blog/when-and-when-not-to-use-utility-classes-with-bem/

容器的 BEM 命名 div？

BEM naming for a container div?

html

css

bem