多个后代选择器,错误还是误解?
以下两种选择节点的方法不应该产生相同的结果吗?
let tmp = fruits.querySelector("ul:first-of-type li:first-of-type");
tmp = tmp.querySelector("span")
对比
let tmp = fruits.querySelector("ul:first-of-type li:first-of-type span");
(在此处查看实际操作)
我已经在 Firefox 和 chrome 中对此进行了测试。两种情况下的结果不同。任何人都可以请解释为什么?
堆栈片段中的示例:
let tmp = fruits.querySelector("ul:first-of-type li:first-of-type");
tmp = tmp.querySelector("span")
let tmp = fruits.querySelector("ul:first-of-type li:first-of-type span");