参考自腾讯前端代码规范文档 & 京东前端代码规范文档
类名命名
1.class, id都需小写
2.命名使用英文,禁止使用特殊字符
3.名称间隔使用 - 符号
4.类名命名需要语义化
选择器
1.禁止使用层级过深的选择器,最多三层
2.除非有特殊需求,禁止随意通过id来定义元素样式
3.禁止随意对纯元素选择器设置特定样式,避免样式污染
4.尽量少用通用选择器*
1 | /* 推荐 */ |
HTML规范
1.标签必须合法且闭合、嵌套正确,标签名需小写
2.标签语法无错误,需要符合语义化
3.标签的自定义属性以data-开头,如:
1 | <a href="#" data-num='18'></a> |
4.除非有特定的功能、组件要求等,禁止随意使用id来定义元素样式