美文网首页
vue css >>> /deep/ 穿透

vue css >>> /deep/ 穿透

作者: woshishui1243 | 来源:发表于2020-03-08 20:34 被阅读0次

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

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

    <style scoped>
      外层 >>> 第三方组件 {
          样式
      }
    
      /deep/  第三方组件 {
          样式
      }
    </style>
    

    ————————————————
    版权声明:本文为CSDN博主「Alex81320」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/Alex81320/article/details/86234369

    相关文章

      网友评论

          本文标题:vue css >>> /deep/ 穿透

          本文链接:https://www.haomeiwen.com/subject/apijdhtx.html