什么是深度选择器
在Vue中,我们可以通过scoped
来给每个组件的样式添加一个唯一的标识符,这样就可以避免样式冲突的问题。但是有时候我们需要在组件内部修改全局样式,这时候就需要用到深度选择器。
vue2
在Vue中,我们可以通过/deep/
或者::v-deep
来使用深度选择器。
<style scoped>
.container /deep/ .box {
color: red;
}
</style>
小于 1 分钟
在Vue中,我们可以通过scoped
来给每个组件的样式添加一个唯一的标识符,这样就可以避免样式冲突的问题。但是有时候我们需要在组件内部修改全局样式,这时候就需要用到深度选择器。
在Vue中,我们可以通过/deep/
或者::v-deep
来使用深度选择器。
<style scoped>
.container /deep/ .box {
color: red;
}
</style>