如果我们的目标是多个类,那么属性选择器的效率仍然低于类选择器吗?

时间:2013-03-04 19:02:27

标签: css css-selectors

我试图弄清楚使用寻找特定前缀的属性选择器与手写每个需要样式的类选择器是否更有意义。例如:

[class^=c2] {
  ... 
}

VS

.c2-1, .c2-2, .c2-3, .c2-4, [...] , .c2-9999 {
  ...
} 

我知道属性选择器是less efficient,但是当替代方案写出数百个类时,它们仍然效率较低吗?我正在将其推向逻辑极端,因为我还需要编写嵌套类,这意味着不使用attr选择器将导致100-200个手写类。

编辑:另一个约束:你不能改变标记或添加额外的类。

2 个答案:

答案 0 :(得分:0)

抱歉,但是如何为每个元素添加一个类.c2呢? 这绝对是最快,最合乎逻辑的方式。

答案 1 :(得分:0)

事实证明,这在页面加载,浏览器等方面有所不同。我们使用http://stevesouders.com/efws/css-selectors/csscreate.php

测试了差异