bem - 我想知道rscss和bem的区别

Question

我不明白 RSCSS 与 BEM 之间的区别。有人说 RSCSS，有人说 BEM。

请让我知道区别

Answer 1

RSCSS 只是 BEM 的扩展，添加了创建它的工作人员的一些额外想法和经验。

例如 RSCSS 状态

• 一级嵌套以 ping 特异性
• 修饰符/元素等上没有双破折号/ lodash。

您可以将 RSCSS 视为 BEM 修改之一（带有一些附加提示）。

Answer 2

使用RSCSS时，您应该考虑组件。每一块 UI 都应该被视为一个单独的组件。

例子：

.signup-form {
   .inputfield {
     ...
   }
   .submitbtn {
     ...

     &.-inverted {
       ..
     }
   }
}

BEM方法基于块 - 元素 - 修改器系统，这里应该为每个元素使用唯一的选择器。

例子：

.form { }
.form__input { }
.form__submit { }
.form__submit--wide { }

有关此主题的更多信息，请参阅此 CSS 格式文本。