首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ JavaScript / 文章详情

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

下一篇 / uniapp - 使用 npm 安装第三方包

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)