CSS

样式命名:使用标准、通用的英文单词进行命名,全部使用小写,遵循BEM规则,如:

.wrap{}                    //外层容器
.mod-box{}                 //模块容器
.btn-start{}               //开始按钮
.btn-download-ios          //IOS下载按钮
.btn-download-andriod      //安卓下载按钮
.btn-head-nav1             //头部导航链接按钮
.btn-news-more             //更多新闻按钮
.btn-play                  //播放视频按钮
.side-nav{}                //侧栏导航

选择器层级:禁止使用层级过深的选择器,最多3级,如:

正确示范:

.hot-game .hot-game-user-name{}

错误示范:

.page-lol .hot-game .hot-game-hd .hot-game-user-box .hot-game-user-name{}



使用Class进行定义:除非有特定的功能、组件要求等,禁止使用id来定义元素样式

禁止对纯元素选择器设置特定样式:错误示范:

a{background: url("xxx");}