CSS前端性能优化

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)
posted @ 2017-09-13 09:43  冲冠为红颜  阅读(188)  评论(0编辑  收藏  举报