Css selector/xpath

Question

我正试图找到这个 CSS 选择器的 Xpath

div.price div:nth-of-type(1)

我试过了，但是我还在努力添加第二部分

//div[@class="price"]

Answer 1

也许

//div[@class="price"]//div[position() = 1]

这应该选择第一个 div（通过 position() = 1），它是具有 class="price" 属性的 div 的子项。

记住要小心 @class=，因为 CSS class 选择器支持具有多个 class 的元素。如果你想完全迂腐，请使用

//div[contains(concat(' ', normalize-space(@class), ' '), ' price ')]

css