vue css >>> /deep/ 穿透

本文转载自查看原文 2020-03-30 19:07 1278 iview/ Vue2/ element

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。

有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名)

<style scoped>

  外层 >>> 第三方组件 {

      样式

  }

/deep/  第三方组件 {

      样式

  }

</style>

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Vue 中 css scoped 样式穿透 ( stylus[>>>] / sass / less[/deep/] ) Vue 中 css scoped 样式穿透 ( stylus[>>>] / sass / less[/deep/] ) [css] 样式穿透 >>> /deep/ ::v-deep Vue 中样式穿透 /deep/ Vue—样式穿透/deep/ >>> ::v-deep deep()四者的区别 vue css /deep/ vue CSS使用/deep/ Vue样式deep和穿透>>>修改样式 vue——样式穿透/deep/ >>> ::v-deep 三者的区别 vue——样式穿透/deep/ >>> ::v-deep 三者的区别