Css编码

如何提高编码的规范性

Css基础选择器

• ID选择器 #title
• 类选择器 .title{ }
• 属性选择器 a[ href = " " ]
• 伪劣和伪对象选择器 :hover ::after
• 标签选择器 a{}
• 通配符选择器 body *{ }

选择器组合方式

• 后代选择符 .reader .title{}
• 子选择符 .reader >.title{}
• 相邻选择符 .reader+.title{}

Css权重计算规则？？

• 计算ID选择器的数量
• 计算选择器中类选择器、属性选择器和伪类选择器的数量
• 计算标签类型选择器和伪对象选择器
• 忽略全局选择器
  ID > 类 | 伪类 | 属性选择 > 标签类型|伪对象 > 通配符
  就近原则

em px 以及百分比

• em 设置相对字体大小，尺寸随着字体的改变而改变
• 百分比 尺寸随着父元素尺寸的改变而改变

高效组织

• CSS应该是高效清晰并且结构明确的代码文件
• 通用类和业务类
• 样式声明的顺序
  应该按照模板中元素的层级关系来处理

适当定义排序

参考 《Web前端开发最佳实践》