el-card的头部样式在scoped下作用无效可添加/deep/或者>>>

添加scoped情况下改变el-card的header和body样式无效

<style scoped>
.el-card  .el-card__body {
    padding: 6px;
  }
 .el-card  .el-card__header {
    padding: 8px 20px;
    border-bottom: 1px solid #EBEEF5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background-color: lightgrey;
}
</style>

使用***深度作用选择器***：

<style scoped>
.el-card /deep/ .el-card__body {
    padding: 6px;
  }
 .el-card /deep/ .el-card__header {
    padding: 8px 20px;
    border-bottom: 1px solid #EBEEF5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    background-color: lightgrey;
}
</style>

样式改变了，如下图：