/deep/和::v-deep和>>>
1. /deep/
项目中使用预处理器,如sass less等 都可以用 /deep/
我们在style lang="scss"时经常用scoped属性实现组件样式私有化的时候,要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,比如:
.conBox /deep/ .el-input__inner{padding:0 10px;
}
2. ::v-deep或::v-deep()
用于既有预处理器,还是vue项目用到ElemenUI时使用,目前我用到最多的就是这个
注意,VUE3.0下/deep/的使用可能会有报错
如果/deep/报错,可采用::v-deep,效果基本一样,有人说::v-deep能加快编译速度,但是我在网上没有找到相关资料,无从验证。
.conBox ::v-deep .el-input__inner{padding:0 10px;
}
3.>>>
深度作用选择器 >>>
可用于項目中的css原生样式,那么可以直接使用 >>>
但如果是sass/less的话可能无法识别,这时候需要使用 /deep/和::v-deep 选择器。
想修改element-ui某个深层元素也有其他方式解决;
解决方法之一:除非你将 scoped 移除,或者新建一个没有 scoped 的 style(一个.vue文件允许多个style)
/deep/和::v-deep和>>>相关推荐
- 独家思维导图!让你秒懂李宏毅2020深度学习(五)—— Tips for Deep Leaning Why Deep?
独家思维导图!让你秒懂李宏毅2020深度学习(五)-- Tips for Deep Leaning & Why Deep? 系列文章传送门: 独家思维导图!让你秒懂李宏毅2020机器学习(一) ...
- DEEP COMPRESSION: COMPRESSING DEEP NEURAL NETWORKS WITH PRUNING, TRAINED QUANTIZATION AND HUFFMAN
深入理解DEEP COMPRESSION: COMPRESSING DEEP NEURAL NETWORKS WITH PRUNING, TRAINED QUANTIZATION AND HUFFMA ...
- deep compression:compressing deep neural networks with pruning,trained quantization and huffman codi
deep compression:compressing deep neural networks with pruning,trained quantization and huffman codi ...
- DEEP COMPRESSION: COMPRESSING DEEP NEURAL NETWORKSWITH PRUNINGTRAINED QUANTIZATION ANDHUFFMANCODING
DEEP COMPRESSION: COMPRESSING DEEP NEURAL NETWORKS WITH PRUNING, TRAINED QUANTIZATION AND HUFFMAN CO ...
- deep learning 以及deep learning 常用模型和方法
首先为什么会有Deep learning,我们得到一个结论就是Deep learning需要多层来获得更抽象的特征表达. 1.Deep learning与Neural Network 深度学习是机器学 ...
- 【Deep Learning】Deep Residual Shrinkage Networks for Fault Diagnosis(深度残差收缩网络)
[题目]Deep Residual Shrinkage Networks for Fault Diagnosis [翻译]基于深度残差收缩网络的故障诊断 Abstract (摘要) [翻译]本文提出了 ...
- Deep Cluster:Deep Clustering for Unsupervised Learning of Visual Features
DeepCluster,一种联合学习神经网络参数和结果特征的聚类分配的聚类方法.DeepCluster使用标准聚类算法kmeans对特征进行迭代分组,并使用后续分配作为监督来更新网络的权 ...
- Rinne Loves Data Structure
这个题用一波FHQ Treap做,不用STL了,正好检验一波手搓的无旋Treap怎么样. 题解:这个题插入操作跟普通的二叉树是相同的,让你找一个数的前序和后继,如果我们用普通的BST,势必会T到天上去 ...
- BZOJ3611: [Heoi2014]大工程
题解:虚树模板题 维护虚树 跑树dp即可 /**************************************************************Problem: 3611Use ...
- vijos p1460——拉力赛
描述 车展结束后,游乐园决定举办一次盛大的山道拉力赛,平平和韵韵自然也要来参加大赛. 赛场上共有n个连通的计时点,n-1条赛道(构成了一棵树).每个计时点的高度都不相同(父结点的高度必然大于子结点), ...
最新文章
- Java集合---LinkedList源码解析
- linux第三方模块参数,Swift on Linux – 导入第三方模块
- MySQL数据库的性能优化总结
- 【Linux】一步一步学Linux——Linux内核版本和发行版本(03)
- 关于优酷开放SDK视频播放功能的解析
- HDU - 3613 Best Reward(字符串哈希)
- 基础练习 数列特征 c语言
- docker 获取镜像
- NASM汇编语言与计算机系统04-实模式-屏幕显示不定长度的字符串(cmp/je)
- [转载]JSONP跨域的原理解析
- 太强了!这款轻量级中间件几行代码就搞定SpringBoot的分库分表问题
- proteus 7.8下载链接
- 教学软件哪个好用,推荐这四个
- Android跨进程通信--AIDL原理解析
- 香港拼音-汉字对照表
- 【DataBase Notation(1/3)】Notation_Chen, Crow‘s Foot and UML
- Windows Live Writer 代码插件改造
- swagger添加权限验证,swagger安全控制
- git拉取远程分支到本地(本地不存在的分支)
- 【转】Java8 函数式编程详解
热门文章
- 作者主题模型(Author-Topic Model)的Python Gensim实现
- 2019年热销微型笔记本计算机排名,2019年笔记本销量排行_2019年Q1全球笔记本电脑出货排名出炉...
- win7 音频服务未运行 有声音
- 微软服务器操作系统指什么意思,现代服务器操作系统:你绝对想不到是什么!...
- python字节跳动面试_字节跳动实习面试
- centos8修改网卡名称成eth0
- 小米4什么时候发布?
- 怎样处理PDF文件过大?如何压缩PDF文件大小
- 硬件知识——主板插槽
- 03、css float 浮动属性