有没有办法使用带有 CSS 选择器的文本来定位 Web 元素？

【问题标题】：Is there any way to locate web elements using their text with CSS selectors?有没有办法使用带有 CSS 选择器的文本来定位 Web 元素？
【发布时间】：2018-03-07 15:45:03
【问题描述】：

鉴于项目的需要，我最近从使用 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 选择器允许使用包含伪类的基于文本的定位器，但我无法使用这种方法编写它们。有什么方法可以为网络元素编写基于文本的 CSS 定位器？

【问题讨论】：

类似问题stackoverflow.com/questions/6648238/…
这个社区是为了帮助人们在他们坚持实际实施时。请尝试一下，并用您尝试过的示例代码发布您在实施过程中遇到的困难
Is there a CSS selector for elements containing certain text?的可能重复

标签： css selenium selenium-webdriver css-selectors

【解决方案1】：

首先你必须做一些工作，这是帮助你了解如何使用 cssSelector 的链接

- 使用 ID

CSS 选择器规则 - #id

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

说明 - '#submitButton1' 将选择 id 为 'submitButton1' 的元素。

- 使用类

CSS 选择器规则 - .class

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

CSS Locator - `.btn`

说明 - '.btn' 将选择所有具有类 'btn' 的元素。

http://artoftesting.com/automationTesting/css-selector-in-selenium-webdriver.html

【讨论】：

我需要有关使用内部 html 文本编写 css 选择器的信息。答案说明了使用非基于文本的方法编写 css 选择器的方法。