修改組件庫樣式
- 全域修改-直接當前組件頁面修改，創建一個沒有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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/251718.html
標籤：其他