via BEM by Example 侵删 带单个修饰符的组件 一个组件可能有不同状态。状态应该使用修饰符类来实现。 {代码…} 不要单独使用修饰符。修饰符的作用是增加而不是替换基类。 {代码…} 带子元素的组件 更复杂的组件含有子元素。原则上不要使用标签选择器，你不知道<li>里面是否还会出现嵌套的<ul><li> …

 导读 首先来看一个bem命名示例 {代码…} 如果使用已经封装好的bem方法的话，那么可以写成 {代码…} 接下来我们来看一下bem方法是如何实现的  bem方法解析 首先我们找到style/mixins/config.scss文件，里面定义了如下几个变量 {代码…} 然后我们再找到style/mixins/config.scss文件，找到b,e,m方法 {代码…} 代码量…

CSS 的命名规范又叫做BEM规范，为的是结束混乱的命名方式，达到一个语义化的CSS命名方式。BEM是三个单词的缩写：Block（块）代表更高级别的抽象或组件，Element（元素） Block的后代，以及Modifier（修饰） 不同…