CSS セレクターと XPath の比較

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

XPath 機能 相当する CSS
ancestor (en-US), parent (en-US) or preceding-sibling (en-US) :has() セレクター Experimental
attribute (en-US) 属性セレクター
child (en-US) 子結合子
descendant (en-US) 子孫結合子
following-sibling (en-US) 一般兄弟結合子または隣接兄弟結合子
self (en-US) :scope または :host セレクター^