CSS BEM 解读

概要

BEM 分别代表着：Block（块）、Element（元素）、Modifier（修饰符），是一种组件化的 CSS 命名方法和规范，由俄罗斯 Yandex 团队所提出。其目的是将用户界面划分成独立的（模）块，使开发更为简单和快速，利于团队协作开发。

特点

• 组件化/模块化的开发思路。
• 书写方式解耦化，不会造成命名空间的污染，如：.xxx ul li 写法带来的潜在嵌套风险。
• 命名方式化扁平，避免样式层级过多而导致的解析效率降低，渲染开销变大。
• 组件结构独立化，减少样式冲突，可以将已开完成的组件快速应用到新项目中。
• 有着较好的维护性、易读性、灵活性。 [ 查看全文... ]