性能排序:
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)
在编写css时,应该首先考虑使用性能好的选择器。
大家一般会关心js的性能,很少去考虑css对性能的影响,为什么?因为css对性能的影响可以忽略吗?