<style scoped>
</style>
為了vue頁面樣式模塊化，不對全局造成污染，建議每個頁面的style標簽加上scoped，表示他的樣式只屬於當前的頁面，父組件的樣式不會泄漏到子組件中。但是scoped也會造成一些額外的負擔，如無法覆蓋原有組件的樣式。 可以加 /deep/ 。
深度作用選擇器 /deep/ or >>>
如果希望scoped樣式中的選擇器“深入”，即影響子組件
例子:
/deep/ .el-table .red-row {
background: #ffc2c2;
}
or
.el-table >>> .red-row {
background: #ffc2c2;
}
---------------------
作者：大可大可抖
來源：CSDN
原文：https://blog.csdn.net/p930318/article/details/82767401
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！