我想知道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 方法论基于Block - Element - Modifier系统，这里应该使用每个元素唯一的选择器。

示例：

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

有关此主题的更多信息，请参阅this CSS formatting text。