请教如下两种写法,哪种效率高?现在的实际开发中有必要考虑这些吗?
.class > ul > li {...}
.class li {...}
首先:第一个效率更高。
第二:网站不是追求毫秒级这种的,所以个人认为实际开发不必要考虑这些。
就如上面的例子来讲,一般以为选择器是从左到右查找元素,但实际确是从右到左。第二种情况,就会先查找到所有的li
,然后遍历其所有父节点去匹配,确定是否在.class
下。效率很低。
另外,随便谷歌一下,就会找到很多文章讲CSS选择器效率。
https://www.google.co.jp/search?q=css%E9%80%89%E6%8B%A9%E5%99%A8%E6%95%88%E7%8E%87&oq=css%E9%80%89%E6%8B%A9%E5%99%A8%E6%95%88%E7%8E%87&aqs=chrome..69i57j0l5.4956j0j1&sourceid=chrome&es_sm=93&ie=UTF-8
http://blog.jobbole.com/35339/
http://www.jianshu.com/p/268c7f3dd7a6