BEM命名规范

---

选择CSS架构注意考虑的问题

• 编辑一个class是否安全，会不会干扰其他CSS。
• 能准确定位CSS
• class是否精简
• 明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件

BEM

• B: block(块)
• E: element(元素)
• M: modifier(修饰符)

命名约定模式

.block{}            //更高级别的抽象或组件.block__element{}   //block的后代，用来形成一个完整的.block.block--modifier{}  //代表block的不同状态