CSS 选择器与 XPath 的对比

本文旨在记录 CSS 选择器和 XPath 之间的区别，以便 Web 开发人员能够更好地为正确的工作选择合适的工具。

XPath 特性	CSS 等价形式
ancestor、parent 或 preceding-sibling 轴	:has() 选择器
attribute 轴	属性选择器
child 轴	子代组合器
descendant 轴	后代组合器
following-sibling 轴	后续兄弟组合器或接续兄弟组合器
self 轴	:scope 或 :host 选择器