css穿透 /deep/和scoped

CSS穿透是指在使用组件化开发的时候，子组件需要修改父组件的样式时，需要使用一些特殊的选择器来穿透到父组件的样式规则中。在Vue和React中，可以使用/deep/或>>>来实现CSS穿透。

/deep/和>>>都是特殊的选择器，可以穿透子组件的作用域，从而修改父组件的样式。它们的使用方式类似，只不过/deep/是深度选择器，而>>>是浅度选择器。

scoped是Vue中的一个特殊属性，用于限定一个组件的样式作用域，防止样式污染。在Vue中，组件的样式默认是被封闭在组件作用域内的，只有在使用/deep/或>>>选择器的情况下才能穿透到父组件的样式中。

需要注意的是，/deep/和>>>选择器在某些浏览器中可能会被禁用或不被支持，这时可以考虑使用其他方式来实现CSS穿透，比如使用CSS变量或者使用全局样式。