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
>>>