Vue 项目中 Common 样式文件使用 Deep 不生效的原因是什么？

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”可能是一个错误。请确认您使用的浏览器版本是否正确。