Vue 中 Deep 样式为何不生效？

deep 样式在 vue 中不生效的疑惑

在使用 Google 9.0 版本时，一位 vue 开发者遇到了一个问题：在 common.css 样式文件中应用 deep 修饰符不起作用。

为了解决这个疑惑，我们需要了解以下几点：

1. Deep 修饰符的用法规范

deep 修饰符可用于穿透嵌套组件样式，但需要确保其在组件的 scoped 样式范围之外。

立即学习“前端免费学习笔记（深入）”；

2. Google 9.0

实际上，并不存在所谓的 “Google 9.0” 版本。

解决方法

根据提供的答案，解决方法如下：

• 确保 common.css 文件中没有 scoped 属性。
• 使用 deep 修饰符可能并非必要的。可以尝试使用其他 CSS 选择器，如 descendants、::v-deep 等。