这就导致我们想更改一些引用的组件的css的时候，无法成功。
比如说我用了element的一个折叠组件，想改变他的颜色。
调试的时候我能在这里改变这些属性，但是如果在vue的style中的修改确是无效的。
解决办法：
使用深度选择器，既不破坏别的组件的css，也能覆盖当前组件。
.el-collapse-item >>> .el-collapse-item__header{
在Vue中，使用`style scoped`可以防止样式污染全局，但这也使得无法直接修改引入的组件如Element UI的样式。为了解决这个问题，可以利用深度选择器（在SCSS或CSS中为`>>>`，在Vue中推荐使用`:deep()`）来针对性地覆盖组件样式，确保样式生效的同时不会影响其他组件。
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
