BEM CSS命名法

BEM是Block（块） Element（元素） Modifier（修饰器）的简称。

1. 一个独立的（语义上或视觉上），可以复用而不依赖其它组件的部分，可作为一个块（Block）
2. 属于块的某部分，可作为一个元素（Element）
3. 用于修饰块或元素，体现出外形行为状态等特征的，可作为一个修饰器（Modifier）

    
    

        
        
标题
        
        
        
        搜索
        搜索1
        
        搜索
         
        
        

            
        
         
    

 

BEM 规范虽然结构比较清晰，但有时候会产生代码冗余，一些时候不必严格按照BEM来命名。