我们发现上图有一颗2rem的padding,该如何去它呢?
控制app这个元素的css并不在App.vue里,而是在main.js中引入的默认样式style.css里面,我们打开style.css,找到#app,将默认padding去除就好。延伸一下,想要改默认样式,都可以在style.css里面改哦。
思考题:单独组件的css会覆盖style.css里面的默认样式么? 答案是会的!后加载的css文件会将先加载的css文件覆盖掉,我们上案例:
我们看到App.vue中的card背景变为红色,默认的样式为黑色,因此是App.vue覆盖掉了默认样式文件。