css深度选择器deep

什么是深度选择器

在Vue中,我们可以通过scoped来给每个组件的样式添加一个唯一的标识符,这样就可以避免样式冲突的问题。但是有时候我们需要在组件内部修改全局样式,这时候就需要用到深度选择器。

vue2

在Vue中,我们可以通过/deep/或者::v-deep来使用深度选择器。

<style scoped>
    .container /deep/ .box {
        color: red;
    }
</style>

Mr.PDG小于 1 分钟/deep/::v-deep::v-deep()css