CSS属性选择器 - 哪一个更快?

时间:2013-03-14 00:45:34

标签: css performance css-selectors

在性能方面哪一个更受欢迎?

a[href*="op.ExtSite.com/p"]

a[href*="shop.ExtSite.com/page"]

a[href^="http://shop.ExtSite.com/page"]

a[href^="http://shop.ExtSite.com/page"][href$=".html"]

更新

最后一个选择器应该写成如下:

a[href^="http://shop.E"][href$=".html"]

另外,关于这个多选择器,我想知道首先检查哪个条件,左边一个或右边的一个?

1 个答案:

答案 0 :(得分:0)

我的猜测是这一个

a[href^="http://shop.ExtSite.com/page"] 

a[href^="http://shop.ExtSite.com/page"][href$=".html"] 

因为它从字符串的第一个开始查找,所以将避免在开头没有h的所有链接。

<强>更新 如果你需要检查完整的模式,那么请使用我在下面提到的那个:

a[href^="http://shop.ExtSite.com/page.html"]