vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?相关的知识,希望对你有一定的参考价值。

vue3,给单独一个页面加载某个公共库的样式表,不希望其他页面被影响,所以给<style src='...' scoped>加了scoped属性,但是加了scoped后,有些组件内部的样式是无法穿透的,需要用到:deep(),但是因为是公共库的文件,所以无法修改,请问如何解决在不影响其他页面的情况下,既可以做到样式私有化,又不用修改公共库文件?

参考技术A 在单页面上加啊,单页面也能加scoped样式

以上是关于vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?的主要内容,如果未能解决你的问题,请参考以下文章

Vue中scoped原理

[干货]关于vue3 SFC 范围内 scoped-styles 样式穿透

Thymeleaf静态资源引入方式及公共页面代码抽取

vite2+vue3引入scss不支持:export

iframe引入页面

单页面应用和多页面应用对比分析