用parent::轴或..简写配合谓词可精准选取父节点为特定元素的子节点;语法如//span[parent::div]或//img[../h2],仅匹配直接父节点,不跨级,需避免混淆后代轴ancestor::或反向路径//div/span。

用 parent:: 轴或简写 .. 配合谓词,就能选中“父节点是特定元素”的子节点。
用 parent:: 轴明确限定父节点类型
这是最清晰、语义最准确的方式。语法为:子节点表达式[parent::父元素名]。
-
//span[parent::div]:选择所有父节点是的元素//input[parent::form]:只匹配直接嵌套在内的,不包括嵌套在再嵌套在中的- 支持带属性的父节点,比如
//button[parent::div[@class="toolbar"]]用
..简写 + 条件判断(更简洁)..是parent::node()的简写,可配合谓词使用:避免常见误区
容易混淆的是用
ancestor::或错误路径写法:- ❌
//div//span:这是后代关系(descendant-or-self),不是直接父子;可能匹配多层嵌套下的 - ❌
//div/span:这选的是的子,方向反了(你要的是“被 div 包着的 span”,不是“div 下面的 span”)- ✅ 正确思路永远是:先写目标节点,再用
[parent::...]或[../...]加条件约束它的父节点基本上就这些。关键不是记轴名,而是抓住“我要什么节点 → 它的父节点要满足什么条件”这个逻辑链。
- ✅ 正确思路永远是:先写目标节点,再用










