/deep/和>>>和::v-deep

LinMeng 61 1 0

/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标签

预览图
收藏
评论区