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>
样式改变了