BEM命名规范
选择CSS架构注意考虑的问题
- 编辑一个class是否安全,会不会干扰其他CSS。
- 能准确定位CSS
- class是否精简
- 明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件
BEM
- B: block(块)
- E: element(元素)
- M: modifier(修饰符)
命名约定模式
.block{} //更高级别的抽象或组件
.block__element{} //block的后代,用来形成一个完整的.block
.block--modifier{} //代表block的不同状态