- BEM 即block, element,modifier这种命名思想来命名
- 同一个父元素下不能出现相同名字的子类class。
- div尽量不要超过三层
- 每个元素都加上标签,防止后续有特殊样式配置(比如同一个div下面有多个元素,比如字体,但是还有特殊字体
<div class="pay-btn">
fdsafdsaf
<div class="tips">fdsafdsaf<span class="num">5.99</span>fdsafsd</div>
</div>
每个都加上标签,方便以后特殊样式的增加
<div class="pay-btn">
<div>fdsafdsaf</div>
<div class="tips">fdsafdsaf<span class="num">5.99</span>fdsafsd</div>
</div>
- div和css层级模块化,使用sass或者less等css工具,使得css和div元素层级严格对应,模块化,写div和css尽量想到后续能不能复用