vue项目中common样式文件使用deep不生效的原因
在Vue项目中,如果在common样式文件中使用deep选择器不生效,原因可能是:
未指定Scoped
Common样式文件没有指定Scoped属性。Scoped属性用于将样式隔离到当前组件中,防止其影响其他组件。为了解决此问题,请在common.css文件中添加以下代码:
<style scoped> /* 样式代码 */ </style>登录后复制
不需要Deep选择器
立即学习“前端免费学习笔记(深入)”;
在最新的Vue版本中,已经不再需要使用Deep选择器来穿透组件边界。您可以直接使用CSS变量或mixin来共享样式。
检查Google 9.0错误
您提到的“Google 9.0”可能是一个错误。请确认您使用的浏览器版本是否正确。
本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/6378.html