为了不让我们写的样式是全局样式,通常会在每个组件的style里面加一个scoped属性
但是也会遇到一些问题,比如我们用一些ui框架的时候,比如vant,想修改它的样式不起效果,当去掉scoped的时候,就可以了,但是这样我们这个样式就成全局了,会影响其他的
解决方法
在选择器前面加 >>> 或者 /deep/ 或者 ::v-deep
//方法1 /deep/ .classname{ line-height: 20px; } //方法2 ::v-deep .classname{ line-height: 20px; }