CSS - 这里的*规则是什么意思

Question

我在网页上看到以下规则：

* {

    margin: 0px;
    padding: 0px;
    border: 0px;
}

据我所知，网页希望IE浏览器将边距/填充/边框重置为0，以避免一些潜在的问题。

如果此规则有用，为什么我看不到流行网站上显示此规则，例如yahoo，google？

谢谢

Answer 1

这被称为universal selector。在您的情况下，这些规则将应用于页面上的每个元素。

此类规则最受欢迎的用途是规范边距和填充的浏览器默认值差异。

Answer 2

*规则匹配一切，但不建议使用它们。

作者的意图可能是进行CSS重置以删除浏览器的默认CSS规则，但这不是好方法。试试this one

Answer 3

这是CSS重置的旧版本。它会将每个元素设置为0边距，边框和填充，以标准化浏览器的显示特性。

每个浏览器都包含它自己的默认样式表，如果您没有为元素明确指定这些属性，则会导致不同浏览器中元素的定位不同。

通用选择器相当慢，最好使用针对特定元素的特定规则。更现代的方式是像this, Eric Meyer's CSS reset这样的样式表。很多人使用这个，因为它是完整和相对有效的。就个人而言，我删除了我永远不会使用的元素（首字母缩略词，缩写等）。