如何使用css select选择按钮

Question

需要css select语法帮助才能选择button。

请看截图。

Answer 1

其中一个cssSelector模式是：

tagName[attribute='value']...[attribute='value']

要选择它的直接孩子，您可以使用＆＃39;＆gt;＆＃39;符号（你可能知道这一点）。

因此，对于您的情况，可能的选择器之一是：

button[class='md-primary md-button ng-scope md-ink-ripple'] > span

有几种方法可以做到这一点。您可以浏览该页面以获取更多信息：

http://www.guru99.com/locators-in-selenium-ide.html

Answer 2

您可以在cssSelector下方找到Drug and Alcohol按钮： -

md-grid-list[md-cols='2'] button.md-primary.md-button[ng-click*='openCategory']

但我不认为此cssSelector可能是唯一的，您可以使用text找到此按钮，使用xpath可能是唯一的，如下所示： -

.//button[normalize-space(.) = 'Drug and Alcohol']

或者

.//button[. = 'Drug and Alcohol]

或者

.//button[span[text() = 'Drug and Alcohol']]