使用第三方组件(ElementUI、Vant...)时,无法直接修改组件样式,需要使用深度选择器::v-deep或/deep/,亲测有效

例如elmentui中的卡片组件

• 头部样式

.el-card ::v-deep .el-card__header {
  border: none;
  background: #444747;
}

• body样式

.el-card ::v-deep .el-card__header {
  background: #d43e5b;
}

• 头部样式

.el-card /deep/ .el-card__header {
  border: none;
  background: #444747;
}

• body样式

.el-card /deep/ .el-card__header {
  background: #d43e5b;
}