vue中css添加scoped，elementui中的样式无效

//style 没有添加less,scss等css预处理 ，使用 >>>来加重权限
<style scoped>
.ctop_left_input >>> input.el-input__inner {

}
// >>>如下面放在前面也是可以的，但是代码有的会报红，但是依然是可以使用的
>>>.ctop_left_input input.el-input__inner {

}
</style>


//style 添加less,scss等css预处理 ，使用 /deep/或者::v-deep来加重权限
<style scoped lang="less">
 .ctop_left_input /deep/ input.el-input__inner {
  
  }
// /deep/如下面放在前面也是可以的，但是代码有的会报红，但是依然是可以使用的
/deep/.ctop_left_input input.el-input__inner {
  
  }
</style>

<style scoped lang="less">
 .ctop_left_input ::v-deep input.el-input__inner {
  
  }
</style>

当发现样式修改无效时，首先查看是否全局存在同样的样式，如果是统一的，可以进行全局修改，style标签上没有添加scoped，则是对全局的样式进行修改。