BEM样式法则

[super-fool]

基于class策略的样式法则

<div class="user-form">
  <input class="user-form__name"/>
  <input class="user-form__pwd"/>
  <button class="user-form__submit--active">Submit</button>
</div>

BEM:

1. B: block, user-form就是一个块
2. E: element, user-form__name，name代表块中的元素
3. M: modifier, 块中元素的修饰符，user-form__submit--active，active代表元素的修饰符