Open renjie-run opened 5 months ago
1.BEM 规范
BEM 是一种书写 CSS 的规范，是由 Yandex 团队提出的一种前端 CSS 命名方法论。其目的是为了明确 CSS 作用域，确定相关 CSS 优先级，分离状态选择器和结构选择器。 B - block：表示一个块元素，比如一个 Modal 弹窗组件、一个 Button 组件，都可以用一个块来表示。B 的块元素会直接表示：.block。 E - element：表示一个子元素，存在于块元素之内，例如 弹窗组件的title、footer。嵌套进 block 元素后：.blockelement。 M - modifier： 表示修饰符或者状态，例如 Button 组件的选中态、销毁态。嵌套在 块元素，或者子元素之后：.block-modifier 或.blockelement-modifier。
BEM 是一种书写 CSS 的规范，是由 Yandex 团队提出的一种前端 CSS 命名方法论。其目的是为了明确 CSS 作用域，确定相关 CSS 优先级，分离状态选择器和结构选择器。
B - block：表示一个块元素，比如一个 Modal 弹窗组件、一个 Button 组件，都可以用一个块来表示。B 的块元素会直接表示：.block。 E - element：表示一个子元素，存在于块元素之内，例如 弹窗组件的title、footer。嵌套进 block 元素后：.blockelement。 M - modifier： 表示修饰符或者状态，例如 Button 组件的选中态、销毁态。嵌套在 块元素，或者子元素之后：.block-modifier 或.blockelement-modifier。
e.g.
.sten-notification { &__title { } &__icon { &-error { } &-sucess { } } }
1.BEM 规范
e.g.
相关参考