CSS前端性能优化

转载于 2017-09-13 09:43:00 发布 · 41 阅读

·

0

·

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/abcode/p/7513426.html

文章标签：

#前端 #ViewUI

1.Google 资深web开发工程师Steve Souders对CSS选择器的效率从高到低做了一个排序：

　　1. id选择器（#myid）
　　2. 类选择器（.myclassname）
　　3. 标签选择器（div,h1,p）
　　4. 相邻选择器（h1+p）
　　5. 子选择器（ul < li）
　　6. 后代选择器（li a）
　　7. 通配符选择器（*）
　　8. 属性选择器（a[rel="external"]）
　　9. 伪类选择器（a:hover,li:nth-child）

转载于:https://www.cnblogs.com/abcode/p/7513426.html