CSS 选择器和 XPath 的比较

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

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