CSS – 元素上的多个vs单个类

在元素上使用单个css类与倍数是否有任何性能增益？

例如： –

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

VS

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

解决方法

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

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

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

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

原文地址：https://www.jb51.cc/css/217207.html