-
-
Notifications
You must be signed in to change notification settings - Fork 11
Home
Greg Bowler edited this page Feb 19, 2022
·
4 revisions
Both CSS selectors and XPath queries achieve the same goal: obtaining a reference to one or more elements within a document, by using a "locator" string, but CSS selectors are generally simpler than XPath queries, and with their widespread use within web browsers for styling content, CSS selectors are typically understood by a lot more developers.
Some tools, such as PHP's DOMDocument
, require the use of XPath queries to traverse the trees of elements. So in order to be able to use CSS selectors within a DOM Document, a CSS selector needs to be translated into an XPath query. This is exactly what PhpGt/CssXPath does.
CSS | XPath |
---|---|
p |
.//p |
form label>span |
.//form//label/span |
body>header nav li>a |
.//body/header//nav//li/a |
.create-new button[value=submit] |
.//*[contains(concat(" ",normalize-space(@class)," ")," create-new ")]//button[@value="submit"] |