CSS セレクターと XPath の比較

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

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