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

我們在style lang="scss"時經常用scoped屬性實現組件樣式私有化的時候，要改變element-ui某個深層元素（eg:.el-input__inner）或其他深層樣式時，需要使用/deep/，比如:

.conBox /deep/ .el-input__inner{
    padding:0 10px;
}

注意，VUE3.0下/deep/的使用可能會有報錯
如果/deep/報錯，可采用::v-deep，效果基本一樣，有人說::v-deep能加快編譯速度，但是我在網上沒有找到相關資料，無從驗證。

.conBox ::v-deep .el-input__inner{
    padding:0 10px;
}

深度作用選擇器 >>>
（注意，只作用於css）
但如果是sass/less的話可能無法識別，這時候需要使用 /deep/和::v-deep 選擇器。
想修改element-ui某個深層元素也有其他方式解決；
解決方法之一：除非你將 scoped 移除，或者新建一個沒有 scoped 的 style（一個.vue文件允許多個style）

轉載：https://www.jianshu.com/p/72a9e0dfdfb4