CSS セレクターと XPath の比較

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

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

Help improve MDN

This page was last modified on ⁨2025年3月21日⁩ by MDN contributors.