css - 如果有必要，嵌套的 id 是否可以——性能下降或其他？

Question

我使用的是基于 jQuery 的框架 (Kendo UI)，它带有一组高度选择性的 css 规则。

为了避免令人头疼的 css 规则冲突(也为了避免到处使用 !important)，我将所有内容都嵌套在 body id 中——例如，#body-id .my-class.

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

#body-id #my-other-id?

我找到的每一个资源都说，“它毫无意义，在语义上没有任何意义。”但是，我同意，因为我使用的是 Less CSS 框架，所以我的整个 CSS 样式表都将包含在 #body-id 中(为简单起见)。因此，它最终会编译为 #body-id #my-other-id(我假设)。

Answer 1

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

只有当你有很多很多这样的 jQuery 操作要执行时，速度性能才会成为问题

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

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

编辑

这是关于性能和其他方面的“官方”资源
http://learn.jquery.com/performance/optimize-selectors/