关于/deep/, ::v-deep, >>>

澹台宾白
2023-12-01

当我们在项目中:需要改变element某个自带的深层元素或其他深层样式时

如果是:
scss/less语言:
<style lang="scss" scoped> (scoped属性实现组件样式私有化),

1:(简单粗暴)
直接移除scoped
或者
最好是新建一个没有scoped的style <style lang="scss"> (一个vue文件可以有多个style)

2:
✋/deep/

.div /deep/ .el-input__inner { border: none}

VUE3.0下使用/deep/可能会报错,这时可以采用::v-deep
✋ ::v-deep

.div ::v-deep .el-input__inner { border: none}

如果是:
css语言,可采用:深度作用选择器 >>>

 类似资料: