img

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

2021-02-07 0条评论 2.9k次阅读 JavaScript


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

🏷️ #vue#vue3.0

💬 COMMENT


🦄 支持markdown语法

👋友