社区
CSS
帖子详情
关于scss 里面的深度选择器 ::v-deep与 /deep/ 的区别,望大神详解
風灬雲
2019-12-03 06:33:36
::v-deep与 /deep/都是深度选择器,都能实现对组件内部的样式修改;但是具体有什么区别,公司同事主张使用 ::v-deep,说是能加快编译速度,但是我在网上没有找到相关资料
...全文
3363
1
打赏
收藏
关于scss 里面的深度选择器 ::v-deep与 /deep/ 的区别,望大神详解
::v-deep与 /deep/都是深度选择器,都能实现对组件内部的样式修改;但是具体有什么区别,公司同事主张使用 ::v-deep,说是能加快编译速度,但是我在网上没有找到相关资料
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
普通的星星.
2022-05-16
打赏
举报
回复
我从网上看到的:在scss中不识别/deep/, 可以使用::v-deep
::v-
deep
和/
deep
/
区别
::v-
deep
和/
deep
/
区别
S
CSS
中使用/
deep
/报错 ::v-
deep
替换 /
deep
/
预处理器(例如Sass)可能无法>>>正确解析。 在这些情况下,可以用/
deep
/ 如果/
deep
/报错,可以使用::v-
deep
组合器-两者都是它们的别名,>>> 并且工作原理完全相同。 用法和/
deep
/ 完全一样 用 ::v-
deep
替换 /
deep
/ ,就成功解决了问题。 ...
::v-
deep
和/
deep
/区分
1、 >>> 使
选择器
能够作用得“更深”,可以影响到内部子组件 例: 如果项目使用的是
css
原生样式,那么可以直接使用 >>> 穿透修改 <style scoped> .a >>> .b { /* ... */ } </style> // 上述代码将会编译成: .a[data-v-f3f3eg9] .b { /* ... */ } 2、项目中用到了预处理器 s
css
、sass、less 操作符 >>>..
s
css
使用 /
deep
/ 、::v-/
deep
/报错、使用::v-
deep
无效
s
css
使用 /
deep
/
深度
选择器
问题
::v-
deep
、/
deep
/、>>>穿透
选择器
区分与使用
::v-
deep
、/
deep
/、>>>穿透
选择器
使用
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章