vue 组件、UI库里样式无法修改

修改elementUI的时候发现无法单一修改一个页面的样式 但在app.vue下就可以修改

经过时间发现是是 scoped 出现的问题
scoped 会生成局部作用域 所以无法影响到 组件或UI里
我理解的问题在于 scoped出现的唯一性

<style scoped>
.a >>> .b { /* ... */ }
</style>

最后会被编译成

.a[data-v-f3f3eg9] .b { /* ... */ }

为了保证每个组件的css唯一性，避免污染全局或者被全局污染，vue提供了scoped作用域

解决方式

这时我们需要使用deep选择器(深度作用域）,可以穿透scoped但又不会污染全局样式

/deep/ .el-table--enable-row-transition .el-table__body td {
  height: 200px;
}

完美解决