following-sibling和preceding-sibling是XPath中用于定位同一父元素下前后同级兄弟节点的轴，前者匹配当前节点之后、后者匹配之前按文档顺序出现的兄弟节点，均不跨父级且支持索引过滤，关键在于限定同父级和文档先后顺序。

XPath 中的节点关系描述的是 XML 或 HTML 文档中元素之间的位置和层级联系，比如父子、兄弟、祖先、后代等。其中 following-sibling 和 preceding-sibling 是专门用来定位“同级元素”的轴（axis），它们不看层级深浅，只看在源文档中出现的先后顺序。

following-sibling：找后面同辈的兄弟节点

这个轴选取的是当前节点之后、在同一父元素下的所有后续兄弟节点（不包括自身，也不跨父级）。

• 匹配范围仅限于**同一个父元素内**，且必须在当前节点的**闭合标签之后、父元素结束之前**出现的同级元素
• 支持带索引，比如 following-sibling::div[1] 表示紧挨着的下一个 div 兄弟；following-sibling::*[2] 表示第二个任意类型的兄弟节点
• 注意：文本节点、注释、处理指令也算节点，但通常用 * 或具体标签名来过滤

preceding-sibling：找前面同辈的兄弟节点

与 following-sibling 相反，它选取当前节点之前、同一父元素内的所有前面的兄弟节点（从后往前查，但结果按文档顺序返回）。

Artflow.ai

可以使用AI生成的原始角色、场景、对话，创建动画故事。

92 查看详情

• 同样要求在同一父元素下，且位于当前节点起始标签之前
• preceding-sibling::p[last()] 可以选到该节点之前最后一个 p 标签（即离它最近的那个前面的 p）
• 不能跳过父容器——比如某个 span 的 preceding-sibling 永远不会包含它爷爷辈下的其他元素

别和 parent/child 轴搞混

兄弟轴（sibling）只管“平级”，不管上下级。例如：

• parent::* 往上找爸爸，child::div 往下找儿子
• following-sibling::div 是找“堂兄弟”（更准确说是“亲兄弟”），不是找叔叔或侄子
• 如果想跨层级找类似结构的元素，得组合使用，比如 ../following-sibling::div（先上到父级，再找父级的后续兄弟中的 div）

基本上就这些。用对 sibling 轴的关键是盯住“同一个父元素”和“文档中前后位置”，不复杂但容易忽略上下文约束。

以上就是XPath中的节点关系是怎样的，following-sibling和preceding-sibling是什么意思？的详细内容，更多请关注其它相关文章！

# 也不  # 天津网站推广培训哪家好  # 京东商城网站建设教程  # 什么推广网站好推广  # 餐厅营销推广机构  # 分宜网站优化渠道  # 抖音营销推广专线  # 更合网站优化技巧  # 青岛企业网站建设费用  # 东方seo优化  # 周口关键词排名效果图  # html  # 增加了  # 它比  # 如何用  # 有什么区别  # 仅仅是  # 而不  # 的是  # 是怎样  # 文档  # win 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： Log4j Console Appender性能瓶颈与高并发优化策略  Tailwind CSS line-clamp 布局问题解析与修复指南  不同用户不同价格！ 索尼开启账户个性化定价测试  小红书商家版怎样在笔记嵌入商品卡路径_小红书商家版在笔记嵌入商品卡路径【挂载教程】  快手网页版在线登录 快手网页版官网入口快速访问  学习通在线学习平台 学习通网页版直接进入课程中心  高德地图总提示网络异常怎么办 高德地图离线导航设置与网络排查方法  深入理解J*aScript Promise异步执行与微任务队列  Golang如何使用const iota_Go iota常量计数器讲解  Django通过AJAX异步上传图片并保存至模型的完整指南  Python字典中优雅地迭代剩余元素的方法  163邮箱注册官网 免费申请163个人邮箱  J*aScript井字棋（Tic-Tac-Toe）核心交互逻辑实现教程  使用Pandas转换并合并DataFrame：多列映射至统一结构  Go语言中的*string：深入理解字符串指针  wps文字怎么插入目录并自动更新_wps文字如何插入目录并自动更新方法  PHP 枚举：根据字符串获取枚举案例的策略与实现  ACG动漫手机版官网入口 手机ACG动漫APP在线观看正版  Python getattr() 异常处理深度解析：避免程序意外退出  微信网页版扫码登录入口 微信网页版二维码登录入口  如何在Promise链中有效终止错误处理后的执行  解决Rails应用中内容错位与Turbo警告：meta标签误用导致富文本渲染异常  AO3最新入口2025公告_AO3中文官网合集  NRF24L01数据传输深度解析：解决大载荷接收异常与分包策略  PS5 Pro有点优势但不多！ 《燕云十六声》PS5平台与PC性能画面对比  Safari浏览器输入栏卡顿如何解决 Safari搜索建议与缓存清理  小米Civi 4录制视频过暗_小米Civi 4亮度优化  迅雷下载到U盘速度很慢怎么办_迅雷U盘下载慢优化方法  J*aScript Promise链中如何正确终止后续.then执行并处理错误  韩小圈电脑版在线入口_网页版免费登录地址  构建轻量级网站内部消息系统：Formspree 集成指南  利用Bokeh CustomJS动态控制DataTable列可见性  内存疯狂猛猛涨价：主板销量直接腰斩！  Win10如何开启蓝牙功能_Windows10找不到蓝牙开关解决方法  MAC怎么让Dock栏只显示当前运行的应用_MAC终端命令实现极简Dock栏  Golang如何使用buffered channel提高性能_Golang buffered channel优化技巧  c++如何使用折叠表达式(Fold Expressions)_c++17可变参数模板新技巧  将HTML动态表格多行数据保存到Google Sheet的教程  c++项目目录结构应该如何组织_c++工程化项目结构规范  如何提高微信支付的安全性_微信支付安全防护与设置建议  C++ string find函数返回值npos详解_C++字符串查找失败的判断条件  CKEditor 5 自定义构建在React应用中渲染失败的调试与解决  Adobe PDF表单中利用J*aScript解析与格式化日期组件的教程  sublime如何优雅地处理行尾空格_sublime自动清理多余空白字符配置  实现分段式页面滚动导航：CSS与J*aScript教程  C++如何实现单例模式_C++设计模式之线程安全的单例写法  css链接悬停下划线样式如何自定义_使用::after结合content和transition  深入理解Go语言中的指针类型：以*string为例  Safari怎么安装扩展程序 浏览器插件安装与管理方法【详解】  极速漫画官方主页网址 极速漫画漫画在线浏览官网链接