css - CSS 属性选择器 - 哪个更快？

Question

就性能而言，哪一个更受欢迎？

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"]

另外，关于这个多重选择器，我想知道先检查哪个条件，左边的还是右边的？

Answer 1

我的猜测是这个

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"]