CSS是网页样式表语言中常用的一种,可以实现网页的美化和布局。而XPath是一种用于在XML中定位元素的语言。虽然它们有各自的应用场景,但是在某些情况下,我们可能需要将CSS转换成XPath,如爬虫或自动化测试等。下面是一些常用的CSS选择器和它们对应的XPath表达式:
/* 根据id选择元素 */ #example => //*[@ id="example"] /* 根据class选择元素 */ .example => //*[ contains(@class, "example")] /* 根据标签名选择元素 */ div => //div /* 选择父元素下的子元素 */ .parent .child => //*[ contains(@class, "parent")]//*[ contains(@class, "child")] /* 选择下一个兄弟元素 */ .element + .sibling => //*[ contains(@class, "element")]/following-sibling::*[contains(@class, "sibling")][1] /* 选择所有子孙元素 */ .parent .child * => //*[ contains(@class, "parent")]//*[ contains(@class, "child")]//* /* 根据属性选择元素 */ a[href="example.com"] => //a[@href="example.com"] /* 选择第n个元素 */ element:nth-child(n) => //( parent::*/ child::element)[n]
以上是一些基础的CSS选择器和它们对应的XPath表达式。在实际使用中,我们还可以结合XPath的其他语法来实现更精确的元素定位。

