Css 如果需要,嵌套的ID可以吗?性能命中还是其他?
我使用的是一个基于jQuery的框架(KendoUI),它附带了一组高度选择性的css规则 为了避免css规则冲突(也为了避免到处使用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(为了简单起见)。因此,它最终会编译
!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代码是模块化的 编辑 这是关于绩效和其他方面的“官方”资源
我要说的是,任何东西都是用来避免的
!重要信息
正常。除了很难覆盖这些特定样式之外,我没有发现任何显著的性能问题。如果真的有必要,就像你的头衔所暗示的那样;那就好了。另请参见: