css 规范---BEM

BEM——block__element–modifier

• 何为block，就是你如何理解一个页面模块
  对比js：不同的模块不同的block相当于js里面的相同模块的代码都可以复用
• 何为element，就是模块里面的每一个不同样式的每一项
  同理：相同的模块里面的相同element肯定是一样的
• 何为modifier，修饰符，即一类模块或者一类元素，不同的表现形式

具体表现如下：

//表单模块就是一个块，根据登录还是注册的表现形式来区分
//注册（modifier）block
<form class="form form--register">
   <div class="form__item">
       <input type="text" class="form__input--phone" />
   </div>
   <div class="form__item">
       <input type="text" class="form__input--pwd" />
   </div>
 </form>
 //登录（modifier）block
 <form class="form form--login">
   <div class="form__item">
       <input type="text" class="form__input--phone" />
   </div>
   <div class="form__item">
       <input type="text" class="form__input--pwd" />
   </div>
 </form>