CSS セレクターと XPath の比較

この記事では、ウェブ開発者が適材適所のツールを選択できるように、CSSセレクターとXPathの違いを説明することを目的としています。

XPath 機能 相当する CSS
ancestor, parent or preceding-sibling 軸 :has() セレクター
attribute 軸 属性セレクター
child 軸 子結合子
descendant 軸 子孫結合子
following-sibling 軸 後続兄弟結合子または次兄弟結合子
self 軸 :scope または :host セレクター＾