前端样式穿透,本地可以穿透,服务器失效>>>、:deep()、::v-deep、/deep/

场景:本地项目开发使用:deep()和>>>去做样式穿透可行,部署到服务器失效,改用/deep/

>>>进行样式穿透,但是只适用于原始CSS,不适用于 Sass、Less等预处理器。

/deep/进行样式穿透,既适用于CSS,适用于Sass、Less等预处理器,但问题是在vue-cli3以上版本创建的vue项目不再被支持。

::v-deep进行样式穿透,既适用于CSS,适用于Sass、Less等预处理器,在vue-cli3以上版本创建的vue项目才也会被支持。

 :deep进行样式穿透,既适用于CSS,适用于Sass、Less等预处理器,在某些版本的vue中不支持::v-deep,就可使用它进行替代:

解决方案:每个都试了一遍,/deep/可行???,

基于arco design项目,看项目都是用的:deep(),也是第一次出现这个情况,仅此记录下吧


版权声明:本文为qq_43393995原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。