selenium - CSS 选择器-Webdriver 中的空格

Question

当我试图用类名找到这个 div 时，我找不到，

<div class="large 20 columns">..</div>

我尝试了dr.findElement(By.cssSelector("div.large.20.columns']"));但无法定位。

请告诉我，有没有办法使用 CSS 选择器来定位带空格的类名。

Answer 1

这里的问题是“20”类希望您使用像 .20 这样的类选择器，这不是一个有效的选择器，因为 CSS 标识不能以数字开头。

这应该有效:

dr.findElement(By.cssSelector("div.large.\\20.columns"));

由于某种原因，您的选择器字符串末尾还有 '] 。这是尝试使用属性选择器时遗留下来的吗？如果是这样，您也应该能够摆脱这种情况，但前提是页面保证具有准确的顺序的类名称:

dr.findElement(By.cssSelector("div[class='large 20 columns']"));