css - 重置 CSS box-sizing : universal selector vs . 框类

标签 css performance user-interface

<分区>

Possible Duplicate:
What is the performance impact of CSS's universal selector?

我正在使用 box-sizing我的样式表上的属性,因为它使一切都更容易布局。

我的做法是制作布局的所有基础元素 class="box",然后将 .box 类重置为 边框框。我的理由是,最好的做法是尽可能具体。但是我最近看到有人用这个:

* { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;   
    box-sizing: border-box;         
}

这是理想的,因为它重置了 所有 元素并进行了 0 次后端调整,但就性能而言这不是个好主意吗?整个文档的通用选择器到底有多贵?

最佳答案

就性能而言,通用选择器是您可以使用的最昂贵的选择器。

这里的基准:http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/

但这就是说,这取决于您所说的“性能”是什么意思。如果您的网站速度明显变慢,则可能有其他原因而不是您的样式表,除非它们真的写得不好。

关于css - 重置 CSS box-sizing : universal selector vs . 框类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11677359/

上一篇:CSS 中心 float

下一篇:css - DIV 背景图像在 2 列 CSS 设计中滚动后停止

相关文章:

database - 为 postgres 查询设计索引

windows - 快速用户切换如何影响 Windows 服务?

php - 简单但繁重的应用程序消耗大量资源。如何优化?

Java GUI编程只重启一次

javascript - 为什么固定 block 在滚动时闪烁?

html - 如何制作一个拉伸(stretch)到页面长度的侧边栏?

html - 合并来自不同表格的表格单元格

html - 纯 CSS 图像 slider

javascript - 带有 bool 值返回的 jQuery UI 对话框 - true 或 false

c++ - Windows 如何进行定时 GUI 动画?