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”可能是一个错误。请确认您使用的浏览器版本是否正确。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容