Vue.js 2 - 从 body 标签中删除初始边距

如果这是一个愚蠢的问题，我很抱歉，我对 Vue 还很陌生。我创建了一个 Vue （使用命令vue init webpack <project-name>）项目并开始添加组件，第一个是导航栏。但后来我注意到 body 标签有margin: 8px默认情况下，这会导致我的页面和浏览器之间始终存在 8px 的空白。我一生都无法弄清楚如何摆脱这个边距，我尝试使用以下CSS：

* { margin: 0 !important; }

And

body { margin: 0 !important; }

我尝试将其直接添加到样式标签中的根index.html 头中以及所有组件的样式标签中，但根本无法删除它。

看来我是个白痴。当我做的时候*{}规则在我的索引头脑中，我从未真正包含在内!important直到我开始写我的问题，当时我不记得是否!important在分号之前或之后。因此，当我在文本编辑器中编写它，复制到我的问题，然后继续时，出于某种原因，我保存了我的索引，你知道什么？有效。

所以总而言之，* { margin: 0 !important; }在index.html 头部的样式标签中就可以了。