首先,我们来认识下三个深度选择器:
>>> :原生css 在没有less/scss时使用
/deep/ :less
::v-deep :scss 如果使用了预处理器都可以使用这个(推荐)
作用
这里截图了官网的说法:能够穿透并影响子组件的样式。
使用场景
再vue组件中样式添加scoped,这个样式就回被认定只影响这个vue组件内的内容,如果这时我们又引入了某个UI组件,对这个UI组件的样式不满意,想在这个页面微调,但是又不能影响UI组件的全局样式。这时我们就需要使用深度选择器来穿透scoped。