Selenium WebDriver css 选择器

Question

<div class="card-body">
blah blah
</div>

<div class="card-body">
   <table class="table-striped">
      some a anchor
   </table>
</div>

<div class="card-body">
   <table class="table-striped">
      some a anchor
   </table>
</div>

我正在尝试从第三个卡体中获取锚点（使用 selenium python）。所以我试试这个

driver.find_elements_by_css_selector("div.card-body:nth-child(3)>table.table-striped a")

这不起作用

如果我使用下面的，

driver.find_elements_by_css_selector("div.card-body:nth-child(2)>table.table-striped a")

我从 2nd 和 3rd 都得到了所有的 a 锚。

如何只从第三个 div.card-body 中获取锚点？

Answer 1

您可以尝试使用 x-path 来实现。

driver.find_elements_by_xpath("(//div[@class='card-body'])[2]//a")

Answer 2

试试这个 XPath：

'(//div[@class="card-body"])[3]//a'

Answer 3

使用last-of-type

div.card-body:last-of-type a

:nth-child(n) 选择器匹配其父元素的第 n 个子元素，无论其类型如何。

阅读更多here