在vue中我们经常会遇到这种情况，当使用了elementui等UI组件时，style标签中明明修改了标签的css样式却不起作用，因为我们的style标签加了scoped属性

<style scoped>
	.el-card{
		background-color:pink;
	}
</style >

我们只要把scoped属性去掉，这时我们手动修改的样式就会生效了！

<style>
	.el-card{
		background-color:pink;
	}
</style >

或者我们也可以把样式写在根组件App.vue中，作为全局样式（不推荐）

解释：
style的scoped属性： 当style标签加上scoped属性时会自动添加一个唯一的attribute(比如 data-v-21e5b78) 为组件内 CSS 指定作用域，编译的时候.list-container:hover会被编译成类似

 .list-container[data-v-21e5b78]:hover。

这样当前style中的所有的样式就只作用于当前组件，不会对全局样式造成污染。