css - "*"在 CSS 中是什么意思？

Question

我一直在查看 Facebook 和 Youtube 等许多网站的 CSS 文件。

在几乎所有的代码中我都看到了这段代码:

* {
margin: 0;
padding: 0;
}

这很奇怪，因为在 chrome web 开发人员工具中删除该 block 不会影响页面的布局。

此代码是什么意思，何时使用以及为什么使用？

Answer 1

这是一种称为 CSS 重置的常用技术。不同的浏览器使用不同的默认边距，导致网站看起来因边距而异。 * 表示“所有元素”(universal selector)，因此我们将所有元素设置为零边距和零填充，从而使它们在所有浏览器中看起来都一样。