站内搜索:
首页 >> 前端 >> 内容
CSS之深入选择器的原理解析和优化方法

时间:2018/4/26 13:55:38

一、选择器在浏览器的解析原理

选择器是从右往左进行解析

二、选择器的解析速度

id选择器>class选择器>元素选择器>相邻选择器>子选择器>后代选择器>通配符选择器>属性选择器>伪类选择器

三、优化方法

1、不要使用通配符

2、不要在id选择器和class选择器前添加元素名

3、选择器尽量不要超过三层,右侧选择器尽量精确

4、少用后代选择器和子选择器

解释:

这些优化方法使用于大项目,小项目影响不大

  • 上一篇:代码实现网页端两侧的跟随广告
  • 下一篇:prototype属性的作用介绍
  • 返回顶部