如何使用XPath选择指定层级范围的祖先/后代节点？

你设想的div/descendent[1-2]::p语法并不被原生XPath支持，不过可以通过以下两种方式实现相同的筛选效果：

• 方法一：路径并集写法（适合层级范围小的场景）
  直接用XPath的并集运算符|拼接多个层级的选择路径，你需要的1-2层级p元素可以直接写为：

div/p | div/*/p

这种写法逻辑简单直观，可读性高，是短层级范围筛选的首选方案。

• 方法二：层级计算写法（适合层级范围大的场景）
  如果需要筛选的层级范围比较大（比如1-10层），拼接路径的写法太繁琐，可以通过统计元素与父容器的层级差实现区间筛选：

div//p[count(ancestor::node()) - count(ancestor::div/ancestor::node()) <= 2]

这个写法的核心逻辑是通过count函数计算p元素相对于div容器的深度，判断深度落在你需要的区间内即可，修改判断条件的数值就能灵活调整筛选的层级范围。

如果是用CSS选择器实现相同需求，原生CSS目前没有层级区间筛选的语法，只能用并集写法实现：

div > p, div > * > p

内容的提问来源于stack exchange，提问作者AlanSTACK