文章目录
- 一、前言
-
- 1.1、`/deep/`
- 1.2、`::v-deep`
- 1.3、`>>>`
- 二、区别
- 三、总结
- 四、最后
一、前言
1.1、/deep/
在
.conBox /deep/ .el-input__inner{ padding:0 10px; }
注意,
/deep/ 在vue 3.0 会报错
1.2、::v-deep
如果
.conBox ::v-deep .el-input__inner{ padding:0 10px; }
1.3、>>>
深度作用选择器
但如果是
想修改
解决方法之一:除非你将
二、区别
>>> :原生css 支持,sass/less 的话可能无法识别
/deep/ :sass/less 可识别,/deep/ 在vue 3.0 会报错 (未实际考察,有待验证)
::v-deep :vue 3.0 支持,编译速度快 (未实际考察,有待验证)
三、总结
个人推荐
四、最后
本人每篇文章都是一字一句码出来,希望对大家有所帮助,多提提意见。顺手来个三连击,点赞??收藏??关注?,一起加油?