Css 如果需要,嵌套的ID可以吗?性能命中还是其他?

Css 如果需要,嵌套的ID可以吗?性能命中还是其他?,css,dom,less,Css,Dom,Less,我使用的是一个基于jQuery的框架(KendoUI),它附带了一组高度选择性的css规则 为了避免css规则冲突(也为了避免到处使用!important),我将所有内容都嵌套在一个body id中——例如,#body id.my class 但是,在使用时是否存在性能问题或其他问题: #身体id#我的其他id 我找到的每一个资源都说,“它毫无意义,在语义上毫无意义。”但是,我同意,因为我使用的是较少的CSS框架,我的整个CSS样式表将被包装在#body id(为了简单起见)。因此,它最终会编译

我使用的是一个基于jQuery的框架(KendoUI),它附带了一组高度选择性的css规则

为了避免css规则冲突(也为了避免到处使用
!important
),我将所有内容都嵌套在一个body id中——例如,
#body id.my class

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

#身体id#我的其他id


我找到的每一个资源都说,“它毫无意义,在语义上毫无意义。”但是,我同意,因为我使用的是较少的CSS框架,我的整个CSS样式表将被包装在
#body id
(为了简单起见)。因此,它最终会编译成
#body id#my other id
(我假设)。

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

只有当您有很多类似这样的jQuery操作要执行时,速度性能才会成为一个问题

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

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

编辑 这是关于绩效和其他方面的“官方”资源

我要说的是,任何东西都是用来避免的
!重要信息
正常。除了很难覆盖这些特定样式之外,我没有发现任何显著的性能问题。如果真的有必要,就像你的头衔所暗示的那样;那就好了。另请参见: