css选择器 ul li { } 和 ul >li {} 比较

Question

哪个好,为什么

Answer 1

都不好。

标签选择器是除属性选择以外最慢的了，在现代浏览器中与类选择器和 ID 选择器能差百倍有余。

---

你要是非得矬子里拔大个儿，带 > 的会好一些，因为 CSS 选择器解析是从右向左，带 > 的只向上匹配一级，不带的会一直匹配到根节点。

当然首先要看你场景是 ul 下会不会有 li 嵌套存在了。

Answer 2

ul li 是指ui下的全部li 子级 孙子级 。。。全部

ul>li 是指ui下的一级li 子级

在ul里是没什么太大的区别，但是 div>span 类似这样的就有意义了。