/deep/和>>>和::v-deep
Sonder
2021-02-07
387字
1分钟
浏览 (3.4k)
/deep/
在style经常用scoped属性实现组件的私有化时,但是要改变element-ui某个深层元素(eg:.el-input__inner)或其他深层样式时,需要使用/deep/,如下:
.conBox /deep/ .el-input__inner{
padding:0 10px;
}
::v-deep
注意:/deep/在vue3.0版本会报错,可采用::v-deep,效果基本一样
深度作用选择器 >>> 仅作用于css
如果是sass/less语言,可能无法识别,可用 /deep/和::v-deep 选择器代替。 修改element-ui深层元素样式还可以将.vue文件的scope属性移除掉,或者在当前文件再新建一个不带scope的style标签