Vergleich von CSS-Selektoren und XPath

Dieser Artikel versucht, den Unterschied zwischen CSS-Selektoren und XPath für Webentwickler zu dokumentieren, damit sie das richtige Werkzeug für die jeweilige Aufgabe besser wählen können.

XPath-Funktion CSS-Äquivalent
ancestor, parent oder preceding-sibling Achse :has() Selektor
attribute Achse Attributselektoren
child Achse Kind-Kombinator
descendant Achse Nachfahr-Kombinator
following-sibling Achse Folge-Geschwister-Kombinator oder Nächstes-Geschwister-Kombinator
self Achse :scope oder :host Selektor