vue引用了第三方組件,需要在組件中局部修改第三方組件的樣式,而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過>>>,穿透scoped。
有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/ 操作符( >>> 的別名)
1 <style scoped> 2 外層 >>> 第三方組件 { 3 樣式 4 } 5 /deep/ 第三方組件 { 6 樣式 7 } 8
vue引用了第三方組件,需要在組件中局部修改第三方組件的樣式,而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過>>>,穿透scoped。
有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/ 操作符( >>> 的別名)
1 <style scoped> 2 外層 >>> 第三方組件 { 3 樣式 4 } 5 /deep/ 第三方組件 { 6 樣式 7 } 8