修改ui框架样式 以及 sass 样式穿透

在vue 开发中 如果使用了某个 ui 框架 ，但是想更改的他的样式，我们肯定都会去控制台，找到这个元素的类名并且重新 为他设置样式，但是有的时候发现更改不了，一定会以为是权重的问题，然后你就，一顿加 !important 发现还是不好使，然后你有继续尝试，结果 最终在项目的入口文件中你发现把样式加上好使了，但是项目的页面很多，也不肯能所有的页面的额样式都写在入口文件里，对吧，

这时就需要，样式穿透了，

// 第一种
.my-el-form-item{
      /deep/ .el-form-item__content{
          line-height:12px;   
     }
}
// 第二种
.my-el-form-item{
     ::v-deep .el-form-item__content{
          line-height:12px;   
     }

}

但是第一种有问题 他会报错 解决办法 在style标签下面 再写个style标签 新写的标签不需要加lang="scss"

<style scoped>
.my-el-form-item{
      /deep/ .el-form-item__content{
          line-height:12px;   
     }
}
</style>