为什么使用CSS选择器?

当你解析HTML或XML文档,XPath迄今为止最强大的方法。

XPath表达式非常灵活,所以几乎总是一个XPath表达式,找到你所需要的元素。不幸的是,他们也可以变得非常复杂,陡峭的学习曲线。甚至通用操作(如找到一个元素与特定类)可能需要漫长而笨拙的表达式。

许多开发人员——特别是web开发人员更喜欢使用CSS选择器找到元素。以及在样式表,在Javascript使用CSS选择器querySelectorAll函数在jQuery等流行的Javascript库,原型和MooTools。

比XPath CSS选择器不太强大,但更容易写,阅读和理解。因为他们更强大,几乎所有的CSS选择器可以转换成等价的XPath。这个XPath表达式可以用于其他函数和类文档中使用XPath找到元素。

的CssSelector组件

组件的唯一目标是XPath CSS选择器转换为同类产品:

1 2 3

使用ob娱乐下载\组件\CssSelector\CssSelector;打印CssSelector::toXPath (“div.item > h4 >“);

这给下面的输出:

1

子轴或self:: div[包含(concat (normalize - space (@class) ' ', ' '),“项目”)]/ h4 / a

例如,你可以使用这个表达式DOMXPath或SimpleXMLElement在文档中找到元素。

CssSelector组件的局限性

并不是所有的CSS选择器都可以转化为XPath等价物。

有几个CSS选择器,只有上下文中有意义的浏览器。

• 链路状态选择器::链接,:参观,:目标
• 选择器基于用户操作::徘徊,:专注,:主动
• ui状态选择器::启用,:禁用,:不确定(然而,:检查和:不是可用的)

伪元素(:在,:在,:一线,:首字母)不支持,因为他们选择的部分文本而不是元素。

几个还不支持伪类:

• :朗(语言)
• 根
• *:first-of-type,*:last-of-type,*:nth-of-type,*:nth-last-of-type,*:only-of-type。(这些处理一个元素名称(如。李:first-of-type),但不是*。