vue 使用element ui样式无法覆盖问题记录

1、覆盖el-tab字体样式

使用/deep/样式穿透

<style lang="scss" scoped>
/deep/ .el-tabs__item {
  font-size: 19px;
  color: rgba(0,0,0,0.85);
}
</style>

报错：

 解决方案：

使用::deep 替换/deep/

<style lang="scss" scoped>
::v-deep .el-tabs__item {
  font-size: 19px;
  color: rgba(0,0,0,0.85);
}
</style>

参考vue项目使用/deep/语法报错并且无法启动项目最佳最完美解决方案_JavaScript高阶的博客-CSDN博客