引用了第三方組件庫,只需要在當前頁面修改第三方組件庫的樣式以做到不污染全局樣式。通過在樣式標簽上使用scoped
達到樣式只制作用到本頁面。
但有時又需要調整組件的樣式,在含有scoped的style里里面在寫樣式對子組件是不生效的。
以前都是再加一個不含scoped的style標簽,通過外層組件添加唯一class
來區分組件,修改各種第三方組件的樣式。
無意中發現了 /deep/,可以同樣達到上面的效果
<-- less語法 --> .wrap{ .class1{ font-size:12px; } /deep/ .class2{ font-size:20px; //對所有子組件生效. /deep/ .class3{ } //沒有必要寫多層deep 父類有deep后子類自動也會深度選擇 並且這么寫在firfox里會失效 } }