CSS命名规则

防止污染。尽量减少抽象词的使用。

1.限定空间

  list>item

2.命名空间

  .m-list  Module

  .u-btn  UI

  .s-btn Skin

  .j-tag JS require

  .g-header 布局

  .f-clearfix function

3.架构

  base:reset clearfix。。。

  common:m-list

  page

4.样式排序

  显示:display z-index float position

  合模型:width height padding margin

  模型相关: line-height font-size

  装饰:color text-align border-radius

5.注释

  @overview

  @require

  @author

  @worn

 

CSS命名规则,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。