CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了CSS – 元素上的多个vs单个类大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在元素上使用单个css类与倍数是否有任何性能增益?

例如: –

<div class="single-class"></div>

VS

<div class="no-padding no-margin some-class some-other-class"></div>
@H_673_10@

解决方法

如果您有一个中等复杂的样式表,并且知道您正在做什么,使用多个类可以充分利用级联的优势,最终可能意味着您的css文件将会更小,因为您不会复制代码因此,@R_799_6180@,它实际上对性能有积极的影响(取决于你的css的复杂性).

我试图想像如果jQuery UI样式表使用了一个一元的元素方法,那么它将会是什么样子的.我想象会增加一倍.

当然,大家都说,影响是如此之小,你不会注意到.继续使用多个课程并拥抱级联!

FWIW,我真的不喜欢类名,如无填充,浮动左和ui-corner-all.然对于CSS作者来说,语义方法与每个声明的多个元素(避免重复规则)相结合几乎总是优先虑.使用第一种方法,如果你确定没有填充实际上需要1px的填充,那么你的css将是没有意义的,而A.classname.float-left实际上需要浮动.

@H_673_10@ @H_673_10@

大佬总结

以上是大佬教程为你收集整理的CSS – 元素上的多个vs单个类全部内容,希望文章能够帮你解决CSS – 元素上的多个vs单个类所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。