关于scss 里面的深度选择器 ::v-deep与 /deep/ 的区别，望大神详解

風灬雲 2019-12-03 06:33:36

::v-deep与 /deep/都是深度选择器，都能实现对组件内部的样式修改；但是具体有什么区别，公司同事主张使用 ::v-deep，说是能加快编译速度，但是我在网上没有找到相关资料

...全文

3363 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

普通的星星. 2022-05-16

打赏
举报

回复

我从网上看到的：在scss中不识别/deep/, 可以使用::v-deep

::v-deep和/deep/区别

预处理器（例如Sass）可能无法>>>正确解析。在这些情况下，可以用/deep/ 如果/deep/报错，可以使用::v-deep 组合器-两者都是它们的别名，>>> 并且工作原理完全相同。用法和/deep/ 完全一样用 ::v-deep 替换 /deep/ ，就成功解决了问题。 ...

1、 >>> 使选择器能够作用得“更深”，可以影响到内部子组件例: 如果项目使用的是css原生样式，那么可以直接使用 >>> 穿透修改 <style scoped> .a >>> .b { /* ... */ } </style> // 上述代码将会编译成： .a[data-v-f3f3eg9] .b { /* ... */ } 2、项目中用到了预处理器 scss 、sass、less 操作符 >>>..

scss使用 /deep/ 深度选择器问题

::v-deep、/deep/、>>>穿透选择器 使用

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章