请教如下两种写法,哪种效率高?现在的实际开发中有必要考虑这些吗?
``1
.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
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。