重置CSS框大小：通用选择器与框类

可能重复：

我在样式表上使用这个属性，因为它使所有内容都更易于布局

我这样做的方式是我创建布局的所有基本元素，并将

框

类重置为

边框框

。我的理由是，最好的做法是尽可能具体。但我最近看到有人用这个：

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

---

这非常理想，因为它重置了所有元素，并且不需要后端处理，但这在性能方面会是一个坏主意吗？整个文档的通用选择器有多贵

就性能而言，通用选择器是最昂贵的选择器

这里的基准：

---

但也就是说，这取决于你所说的“表现”是什么意思。如果您的站点速度明显较慢，除了样式表之外，可能还有其他原因，除非它们写得很糟糕。

值得一提的是，使用

框大小调整将在IE7和更早版本中破坏您的站点。值得一提的是，IE8中已经破坏了这一点（您没有包含
-ms-
前缀）。至于IE7和更早版本的@Spudley，你可以试试。@bfrohs谢谢你的提醒。我检查过了，我认为IE8现在接受了它，没有了
-ms-
，但它可能仍然值得添加，以防万一至于IE7和更早的版本。。。对于我自己的个人网站，我只是不麻烦。除此之外，我现在一直在使用一个单独的更简单的样式表，因为我对较旧的浏览器了解不够，不知道如何平息它们的所有怪癖。@fakaff，多年来我学到的一件事：人们不更新软件。所以假设最坏的情况：）既然我从来没有使用过它，它看起来像是
*
的一个实例不应该对性能有太大的影响，对吗另外，我不知道从右到左的解析。这改变了我很多先入为主的观念。