如果必要,嵌套的ids是否正常 - 性能受损或其他?

时间:2014-01-14 21:17:51

标签: css css3 dom less

我正在使用基于jQuery的框架(Kendo UI),它带有一套高度选择性的css规则。

为了避免我的css规则发生冲突(以及避免在整个地方使用!important)的头痛,我已将所有内容嵌套在一个正文ID中 - 例如#body-id .my-class

但是,使用时是否存在性能损失或其他问题:

#body-id #my-other-id

我发现的每一种资源都说,“它毫无意义,在语义上毫无意义。”但是,我同意,因为我正在使用Less CSS框架,我的整个CSS样式表将包含在#body-id中(为简单起见)。因此,它最终将编译为#body-id #my-other-id(我假设)。

1 个答案:

答案 0 :(得分:1)

jQuery选择器速度不是很重要,因为浏览器JavaScript实现还存在其他更窄的瓶颈。

只有你有许多这样的jQuery操作才能执行,速度性能将成为一个问题

但顺便说一句,jQuery分析选择器(从右到左),带有子选择器的id不会从javascript getElementById速度中获益。

所以它或多或少不重要。但这可能不是好风格 检查,如果您的CSS代码是模块化的!

修改

这是关于表现的“官方”资源,以及其他 http://learn.jquery.com/performance/optimize-selectors/