css样式防止全局污染正确做法！

• 什么是全局污染

• 全局污染的严重性

• 解决方案

1、全局污染

指在某个组件写的css样式，影响了其他组件或整个全局的样式，造成全局样式污染

2、全局污染的严重性

会产生样式上的bug，不易查找，在分模块作业时会冲突掉其他人的样式

3、解决方案

单个组件在样式< style>< /style>上加scoped,作用就是让样式只作用于当前组件

<style lang="scss" scoped>
.key {
  width: 250px;
  height: 30px;
}
</style>

扩展知识：修改elementui的样式：可以使用::v-deep样式穿透

::v-deep .confirm .el-button {
  width: 50px;
  height: 30px;
  padding: 2px 2px 2px 2px;
  border-radius: 3px;
  }