如何对 HTML/CSS 使用“原子设计与 BEM”方法？

问题描述

我刚刚开始使用原子设计方法来编写我的 HTML。我知道使用 BEM，但不知道将它与 Atomic 一起使用的最佳实践。诸如 element of an organism、element of a molecule、modifier of an element of a molecule 等之类的东西会造成一些混乱，我不确定我是否正确使用这些东西。有人可以解释一下。任何帮助表示赞赏

示例代码：

<div class="container cl-organism-learn">
  <div class="row cl-molecule-learn-row cl-organism-learn__elem">
    <div class="col-sm cl-atom-first cl-molecule-learn-row__elem cl-atom-first--background-blue">
      One of three columns
    </div>
    <div class="col-sm cl-atom-second cl-molecule-learn-row__elem cl-atom-first--background-red">
      Two of three columns
    </div>
    <div class="col-sm cl-atom-third cl-molecule-learn-row__elem cl-atom-first--background-yellow">
      Three of three columns
    </div>
  </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

atomic bem html