我正在使用基于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
(我假设)。
答案 0 :(得分:1)
jQuery选择器速度不是很重要,因为浏览器JavaScript实现还存在其他更窄的瓶颈。
只有你有许多这样的jQuery操作才能执行,速度性能将成为一个问题
但顺便说一句,jQuery分析选择器(从右到左),带有子选择器的id不会从javascript getElementById速度中获益。
所以它或多或少不重要。但这可能不是好风格 检查,如果您的CSS代码是模块化的!
这是关于表现的“官方”资源,以及其他 http://learn.jquery.com/performance/optimize-selectors/