案例:修改el-tabs__item字段大小和粗细。scoped设置为只应用于该页面下。
<style scoped>
</style>
1、找到需要修改的el-tabs__item。正常重写不生效。
.el-tabs__item {
font-size: 20px;
font-weight: 600;
}
2、解决方式,修改为
::v-deep .el-tabs__item {
font-size: 20px;
font-weight: 600;
}
3、其他说明使用/deep/会进行报错,Syntax Error: SassError: expected selector。比如:
/deep/ .el-tabs__item {
font-size: 20px;
font-weight: 600;
}
4、deep理解可以查看 CSS中的/deep/理解。