Vergleich von CSS-Selektoren und XPath

Dieser Artikel zielt darauf ab, die Unterschiede zwischen CSS-Selektoren und XPath zu dokumentieren, damit Webentwickler besser in der Lage sind, das richtige Werkzeug für die jeweilige Aufgabe auszuwählen.

XPath-Funktion CSS-Äquivalent
ancestor, parent oder preceding-sibling-Achse :has()-Selektor
attribute-Achse Attribut-Selektoren
child-Achse Kind-Kombinator
descendant-Achse Nachfahre-Kombinator
following-sibling-Achse Nachfolgender-Geschwister-Kombinator oder Next-Geschwister-Kombinator
self-Achse :scope oder :host-Selektor