VUE項目修改element-ui等組件庫樣式

修改組件庫樣式

• 全局修改-直接當前組件頁面修改，創建一個沒有scope的標籤內部直接修改（弊端可能會影響整個項目的樣式，如果保證自己類名起名獨一無二，然後從左外層自己可以選擇到要修改的選擇器。）（不推薦）

 <style></style>

• vue樣式穿透 一般情況下的項目不能夠直接寫在沒有scoped 的style標籤中，所以你如果希望你的選擇器可以作用的更深一點
  1.>>> （如果使用css,一些預處理器無法解析)
  

  <style scoped>
  .a >>> .b{
  	樣式
  }
  </style>

2./deep/ vue-cli3 編譯時，deep的方式會報錯或警告

  <style lang=‘scss’ scoped>
  .a /deep/ .b{
  	樣式
  }
  </style>

3.::v-deep (雙冒號)

  <style scoped>
  .a {
  	::v-deep .b{
  		樣式
  	}
  } 
  </style>