element-plus的el-dialog对话框组件自定义样式未生效

修改dialog组件样式必须在非scoped环境下，再加一个style标签，并给需要加的dialog一个类名eg：createDialog

<style lang="scss" scoped>
...
</style>
<style lang="scss">
.createDialog{
  .el-dialog__body {
    padding: 0;
  }
  .el-dialog__header {
    padding: 0;
  }
}
</style>

这样子就非常nice，即使存在多个相同组件，也不会污染它们的样式

以此类推，其它组件也是如此

箴言：因为这些东西是非常简单的。不要抱怨自己学不会，那是因为你没有足够用心。