vue中style设置scoped后部分样式不生效

vue中为了使样式不影响其他页面，style设置了scoped。但设置后style中部分样式不生效，尤其是组件自身样式的修改。解决：

1、可以在不生效的样式前加/deep/、::v-deep、>>>

作用于sass/less

<style lang="less" scoped>
/deep/ .el-table td:nth-child(1),
/deep/ .el-table td:nth-child(3) {
  text-align: right;
}
</style>

/deep/在vue 3.0会报错，可使用::v-deep
例子随便写的，效果不用这样实现，具体看文档。

作用于css
>>>

2、移除scoped