CSS セレクターと XPath の比較

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

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

MDN の改良に協力

このページは MDN の貢献者によって 2026年7月22日に最終更新されました。