将 Xpath 转换为 CSS 选择器答案

【问题标题】：Convert Xpath to CSS selector将 Xpath 转换为 CSS 选择器
【发布时间】：2019-04-20 19:27:23
【问题描述】：

我正在努力将以下 Xpath 转换为 CSS：“//form[@id=\'giftcard-form\']/div[3]/div/button”。我知道我可以将 Xpath 用于我的 selenium JS，但由于某些奇怪的原因，它在我的情况下不起作用。我成功地转换了一个更简单的并在脚本中使用它，但我无法正确地完成这个。有人可以帮忙吗？

【问题讨论】：

试试#giftcard-form div:nth-child(3) button
cssify.appspot.com form#giftcard-form > div:nth-of-type(3) > div > button
欢迎来到 SO。阅读有关如何提出好问题的指南。Help Center 和 how to ask question。关于您的问题，粘贴您想要的 web 元素的 html sn-p。
@Alok 谢谢你的回答。

标签： javascript selenium selenium-webdriver xpath css-selectors

【解决方案1】：

对于 XPath 为：

//form[@id=\'giftcard-form\']/div[3]/div/button

等效的 CSS 将是：

form#giftcard-form>div:nth-of-type(3)>div>button

【讨论】：

【解决方案2】：

应该学习如何编写 CSS 选择器，但为了快速解决问题，请尝试：cssify

例如，我输入你的 xpath 并吐出：form#giftcard-form > div:nth-of-type(3) > div > button

顺便说一句，您的 xpath 中有错误，应该是这样的：//form[@id='giftcard-form']/div[3]/div/button

【讨论】：

有什么替代品吗？ cssify 不再工作了：/
@MarkMayo，我可能会迟到，但请再次检查。它正在工作。
是的，好像回来了！