css - 如何将此 css 重写为 xpath

Question

如何从 website 将此 css 重写为上面的 xpath使用类似的逻辑？

原始CSS:

.gl-Market_HasLabels + .gl-Market_PWidth-12-3333   .gl-ParticipantOddsOnly_Odds

我试过:

//div[contains(@class, 'gl-Market_HasLabels')]  +  //div[contains(@class, 'gl-Market_PWidth-12-3333')]//div[contains(@class, 'gl-ParticipantOddsOnly')]

这些 xpath 有效，但当我组合它们时无效。

Answer 1

您可以试试这个 XPath:

//div[contains(@class, 'gl-Market_HasLabels')]/following-sibling::div[contains(@class, 'gl-Market_PWidth-12-3333')]//div[contains(@class, 'gl-ParticipantOddsOnly')]

请注意，CSS 选择器中的 + 表示直接的下一个兄弟。 following-sibling 在 XPath 中返回所有跟随的兄弟，但是 Selenium 代码，例如 driver.find_element_by_xpath(...)，将返回第一个给你一个(必填)

或者您可以显式设置要查找的 sibling 的索引:

.../following-sibling::div[contains(@class, 'gl-Market_PWidth-12-3333')][1]//...

请注意，在 XPath 中索引从 1 开始，而不是 0