硒，结合CSS问题

Question

我在使用css时遇到了问题（找不到正确的编写方法）

<div class="d-flex flex-row align-items-center justify-content-end col-6">
<button disabled="" class="btn btn-primary disabled">'Text 1'</button>
<button disabled="" class="btn btn-primary disabled">'Text 2'</button>
<button disabled="" class="btn btn-primary disabled">'Text 3'</button>
<button disabled="" class="btn btn-primary disabled">'Text 4'</button>
<button disabled="" class="btn btn-primary disabled">'Text 5'</button>
<button disabled="" class="btn btn-primary disabled">'Text 6'</button>
</div>

例如，如果我想选择"文本#3"，我该如何写下来？还有一个，我怎么能像parrent[class='smth'] child['Text 3']一样写下 smth。

Answer 1

如果我理解正确，您可以执行以下操作：

<div class="d-flex flex-row align-items-center justify-content-end col-6">
  <button disabled="" class="btn btn-primary disabled">'Text 1'</button>
  <button disabled="" class="btn btn-primary disabled">'Text 2'</button>
  <button disabled="" class="btn btn-primary disabled">'Text 3'</button>
  <button disabled="" class="btn btn-primary disabled">'Text 4'</button>
  <button disabled="" class="btn btn-primary disabled">'Text 5'</button>
  <button disabled="" class="btn btn-primary disabled">'Text 6'</button>
</div>

.CSS：

div button:nth-child(2) { background: red; }

示例代码笔：https://codepen.io/brooksrelyt/pen/ZVMPwR

Answer 2

CSS 选择器（至少一个 Selenium 支持）不允许通过文本定位元素（不支持伪类:contains()）。您可以尝试使用 XPath，如下所示：

//div[contains(@class, 'flex-row')]/button[text()='Text 3']

Answer 3

你不能

CSS是一种标记语言。根据规范，选择器处理结构，而不是内容。

有人谈论添加一个 ：contains（） 伪类，但我想它被废弃了。