欢迎来到 斤斗云学堂 | HTML5技术问答区 ,有什么不懂的可以尽管在这里提问,你将会收到社区其他成员的回答。

CSS优化、提高性能的方法有哪些?

0 投票
最新提问 1月 11, 2017 用户: 匿名

1个回答

0 投票

关键选择器(key selector)。选择器的最后面的部分为关键选择器(即用来匹配目标元素的部分);
如果规则拥有 ID 选择器作为其关键选择器,则不要为规则增加标签。过滤掉无关的规则(这样样式系统就不会浪费时间去匹配它们了);
提取项目的通用公有样式,增强可复用性,按模块编写组件;增强项目的协同开发性、可维护性和可扩展性;
使用预处理工具或构建工具(gulp对css进行语法检查、自动补前缀、打包压缩、自动优雅降级);
浏览器是怎样解析CSS选择器的?
样式系统从关键选择器开始匹配,然后左移查找规则选择器的祖先元素。
只要选择器的子树一直在工作,样式系统就会持续左移,直到和规则匹配,或者是因为不匹配而放弃该规则。
 

最新回答 1月 11, 2017 用户: 匿名
...