Question

可能重复：
What is the performance impact of CSS's universal selector?

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

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

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

这是理想的，因为它会重置所有元素并采用0后端摆弄，但在性能方面这是一个坏主意吗？整个文档的通用选择器有多昂贵？

Answer 1

通用选择器是您可以在性能方面使用的最昂贵的选择器。

但是那说，这取决于你的“表现”是什么意思。如果您的网站速度非常慢，可能还有其他原因而不是您的样式表，除非他们真的写得不好。