Vue 中 Deep 样式为何不生效?

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 等。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容