在项目引入element-ui 等第三方ui库时,自定义css覆盖第三方样式的方式:
1.scoped的自定义css无法覆盖第三方样式,把自定义css写在全局style下(一般除非是全局样式,否则容易污染其他组件内的样式)
2.使用 >>> (普通css文件内) 或 /deep/ (使用sass 或less 编译)
注:有时/deep/会报错,可以使用::v-deep 代替
<style lang="scss" scoped>
::v-deep .el-table .el-table__header {
th,tr{
background: #ffffff!important;
}
}
</style>