样式穿透vue跨父子组件

1.父组件写个样式名

2.子组件如果有样式名，写法如下，如果没有，在F12里寻找你需要单独修改的内容找到对应的样式

根据不同的样式文件，有不同的vue样式穿透写法。

stylus的样式穿透：三个右尖括号（>>>）
使用方法：外层类 >>> 目标类{ 样式列表}
例如：
.ant-table-body >>> .v-center {
　　display:table-cell;
　　vercal-align: middle;
}

sass和less的样式穿透：/deep/
使用方法：外层类 /deep/ 目标类{样式列表}
例如：
.ant-table-body /deep/ .v-center{
display: table-cell;
vertical-align: middle;
}

通用样式穿透：::v-deep
使用方法：::v-deep 目标类{样式列表}
例如：
::v-deep .v-center{
　display: table-cell;
　vertical-align: middle;
}