如何使用XPath通过CSS类查找元素？

使用XPath 的唯一正确方法：

//div[contains(concat(" ", normalize-space(@class), " "), " Test ")]

该函数将normalize-space去除前导和尾随空格，并且还将空格字符序列替换为一个空格。

---

注意

如果不需要许多这些Xpath查询，则可能需要使用一个将CSS选择器转换为XPath的库，因为CSS选择器通常比XPath查询更容易读写。例如，在这种情况下，您可以同时使用div[class~="foo"]和div.foo获得相同的结果。

我已经找到了一些库：

• 对于JavaScript：css2xpath和css至xpath
• 对于PHP：CssSelector组件
• 对于Python：cssselect
• 对于C＃：css2xpath重新加载
• 对于GO：css2xpath

您可以找到类似此示例的元素（所有CSS元素）

private By 
allElementsCss = By.xpath(".//div[@class]");

与具有空格的一类匹配。

<div class="hello "></div>

//div[normalize-space(@class)="hello"]

最简单的方法

//div[@class="Test"]

假设您要<div class="Test">按照描述查找。