添加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>
样式改变了,如下图: