开发者社区> 问答> 正文

CSS选择器:.class > ul > li和.class li哪个效率高?

请教如下两种写法,哪种效率高?现在的实际开发中有必要考虑这些吗?
``1
.class > ul > li {...}
.class li {...}

展开
收起
杨冬芳 2016-06-08 10:13:36 3301 0
1 条回答
写回答
取消 提交回答
  • IT从业

    首先:第一个效率更高。
    第二:网站不是追求毫秒级这种的,所以个人认为实际开发不必要考虑这些。

    就如上面的例子来讲,一般以为选择器是从左到右查找元素,但实际确是从右到左。第二种情况,就会先查找到所有的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
    2019-07-17 19:31:15
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载