编写模块化CSS：BEM

什么是BEM BEM其实是块（block），元素(element)，修饰符(modifier)的缩写，利用不同的区块，功能以及样式来给元素命名。其目的是将用户界面分割成独立的区块，使得即使有复杂的UI，界面开发也能变得更加简单和快速；而且能使代码变得低耦合和高复用。常用的命名约定模式如下： .block-name {} .block-name__element-name {} .block-nam

>>阅读原文<<