<div class="container">
<div class="parent">
<div class="child"></div>
</div>
</div>
// target1 能成功找到 👌
const target1 = document.querySelector(".container .child")
// target2 也能成功找到
const parent = document.querySelector(".parent")
const target2 = parent.querySelector(".container .child")
一直认为 A.querySelector(B) 是在元素A下去查找B, 按照这个逻辑,上述代码中的 target2 应该为 null。但实际结果也能成功返回元素 child.
根据 MDN 的解释: