在现代 HTML 编码中,流行的做法是将多个类名添加到一个元素中,例如
<div class="class1 class2 class3 class4 ..."
</div>
这为我们混合 CSS 属性提供了极大的灵 active ,而无需为不同的类重复它们。
从逻辑上讲,浏览器会消耗更多的资源来收集不同类的 CSS 属性以应用于相应的元素。
由于很难对此进行可靠的基准测试,因此我从理论的 Angular 提出这个问题。想象一下,一个页面的大部分 HTML 元素都有几个类(例如 10 个类)。这是否会使页面呈现更加困难和缓慢?这种放缓是否合理且相当大?
一般来说,浏览器读取不同类的属性的常见流程是什么?
最佳答案
添加多个类的目的是为各个样式设置单独的类,而不是为相同用途重复/创建新类。
例如,如果我有一个按钮,我可以有 3 个类,比如 .btn .big .grey
。如果我想创建另一个按钮,我只需要重复 .btn 类,并添加我的其他自定义类,如 .medium
和 .green
。它被称为 OOCSS(面向对象的 CSS)。
关于性能,我建议你看这个小例子http://www.css-101.org/descendant-selector/go_fetch_yourself.php , http://csswizardry.com/2011/09/writing-efficient-css-selectors你可以找到很多关于 ids vs classes 性能的文章。
关于html - 在一个 HTML 元素中有很多类是不是很糟糕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16185863/