深度选择器

添加scoped 会在当前组件和当前组件子组件上添加自定义属性[data-v-941212e...]

样式匹配的就是div[data-v-941212e...],像有些第三方样式库的标签是没有[data-v-941212e...]自定义属性的，css匹配不上，所以要用深度选择器

>>> 原生深度选择器

<style lang="css" scoped>
    .el-button >>> span{
        color: '#f00'
    }
</style>

/deep/ less样式常用

<style lang="less" scoped>
    /deep/.el-button{
         span{
                color: '#f00'
         }
    }

</style>

::v-deep scss样式常用

<style lang="scss" scoped>
    .el-button::v-deep{
         span{
                color: '#f00'
         }
    }
</style>