Question

考虑到项目的需要，我最近已经从使用xpaths转向了CSS选择器。我是使用这些定位器的新手，需要知道是否有任何方法可以为我的Web元素编写基于文本的CSS选择器。

我找到了一些像[https://sauceio.wordpress.com/2010/03/19/selenium-tips-finding-elements-by-their-inner-text-using-contains-a-css-pseudo-class/]这样的来源和[https://saucelabs.com/resources/articles/selenium-tips-css-selectors]表明CSS选择器允许使用包含伪类的基于文本的定位器，但我无法使用此方法编写它们。有什么方法可以为web元素编写基于文本的CSS定位器吗？

Answer 1

首先你需要做一些工作，这个链接可以帮助你理解如何使用cssSelector

- 使用ID

CSS选择器规则 - #id

    <button id="submitButton1" type="button" class="btn">Submit</button>
CSS Locator - `#submitButton1`

说明 - ＆＃39;＃submitButton1＆＃39;将选择ID为＆＃39; submitButton1＆＃39;。

的元素

- 使用课程

CSS选择器规则 - .class

    <button id="submitButton1" type="button" class="btn">Submit</button>

CSS Locator - `.btn`

说明 - ＆＃39; .btn＆＃39;将选择所有元素＆＃39; btn＆＃39;。