<style lang="less" scoped>
/deep/.ivu-tree-arrow{
padding-top: 10px 0;
}
</style>
问题
使用 scoped 后,父组件的样式将不会渗透到子组件中。但是一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。
解决方案
使用深度作用选择器,即 >>> 操作符,或使用 /deep/ 或 ::v-deep 操作符,后两者都是 >>> 的别名,三者效果一样。