css - 重置 CSS box-sizing：通用选择器与 .box 类

Question

可能重复：
CSS 的通用选择器对性能有何影响？

我box-sizing在我的样式表上使用该属性，因为它使所有内容更容易布局。

我这样做的方法是制作所有对布局至关重要的元素，然后将类class="box"重置为. 我的理由是，最好的做法是尽可能具体。但我最近看到有人用这个：.boxborder-box

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

这是理想的，因为它重置所有元素并采取 0 后端摆弄，但就性能而言，这不是一个坏主意吗？整个文档的通用选择器到底有多贵？

Answer 1

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

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

但这就是说，这取决于您所说的“性能”是什么意思。如果您的网站明显变慢，除了样式表之外，可能还有其他原因，除非它们写得非常糟糕。