Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值,这样父组件的样式就不会影响到子组件了,然后你要想修改子组件的样式,一般是提取一个公共文件,在公共文件里面修改样式,但是这样也存在着一个问题,比如你使用了别人的组件或者自己开发一个组件,有时候你修改一处就可能影响到别的地方,所以就需要有一个方式,既不影响到别的地方,又能修改子组件在当前页面的样式。
效果类似于!important
参考自(107条消息) css关于/deep/的解释和用法_weixin_40442888的博客-CSDN博客_/deep/ css)
更多css深度选择器使用方法详见vue中的css深度选择器 :deep()、/deep/、>>>、::v-deep 到底是什么? - 掘金 (juejin.cn))