vue樣式加scoped後不能覆蓋組件的原有樣式解決方法

<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;

}