java - 使用属性匹配为 webDriver 编写 cssselector 表达式

Question

我是 css、html 等方面的新手，因此也是 cssselectors 的新手。我一直在摆弄 selenium webdriver 并尝试 .click() 以下按钮:

<button title="" class="btn addWidgButt bt-block" href="" role="button" type="button"     context="UNIQUE_THING">
<span class="btn-text">UNIQUE THING</span></button>

根据 http://www.w3.org/TR/css3-selectors/#selectors以下选择器不应该工作吗？ (规则是 E[foo="bar"] 用于元素 E

By.cssSelector("button title[context=UNIQUE_THING]")
By.cssSelector("btn.addWidgButt.bt-block[context=UNIQUE_THING]")
By.cssSelector("span[btn-text=UNIQUE THING]")

我认为最后一个是我最好的选择，因为 span 是一个元素而 btn-text 是一个属性值。感谢任何帮助，谢谢。

Answer 1

我注意到的一件事是 [] 中的所有选择器都缺少单引号。

By.cssSelector("button[context='UNIQUE_THING']")
By.cssSelector(".btn.addWidgButt.bt-block[context='UNIQUE_THING']")
By.cssSelector("span.btn-text")

您的第二个选择器缺少前导。

您的最后一个选择器将不起作用，因为您无法将文本与 CSS 选择器匹配。您可以用 . 匹配一个类，或者用 # 匹配 id。

有关更多信息，这是一个很好的引用:http://www.w3schools.com/cssref/css_selectors.asp