修改element ui的默认css样式

Question

修改element ui的默认css样式

如下图所示，我本地重新写的css样式不生效，请问该如何处理？

.el-tabs--border-card>.el-tabs__content {
    padding: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}

Answer 1

加多个.el-tabs给他，提升css等级

.el-tabs .el-tabs--border-card>.el-tabs__content {
    padding: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
}