如何提高编码的规范性
Css基础选择器
- ID选择器 #title
- 类选择器 .title{ }
- 属性选择器 a[ href = " " ]
- 伪劣和伪对象选择器 :hover ::after
- 标签选择器 a{}
- 通配符选择器 body *{ }
选择器组合方式
- 后代选择符 .reader .title{}
- 子选择符 .reader >.title{}
- 相邻选择符 .reader+.title{}
Css权重计算规则？？
- 计算ID选择器的数量
- 计算选择器中类选择器、属性选择器和伪类选择器的数量
- 计算标签类型选择器和伪对象选择器
- 忽略全局选择器
ID > 类 | 伪类 | 属性选择 > 标签类型|伪对象 > 通配符
就近原则
em px 以及百分比
- em 设置相对字体大小，尺寸随着字体的改变而改变
- 百分比 尺寸随着父元素尺寸的改变而改变
高效组织
- CSS应该是高效清晰并且结构明确的代码文件
- 通用类和业务类
- 样式声明的顺序
应该按照模板中元素的层级关系来处理
适当定义排序
参考 《Web前端开发最佳实践》
