antdv 样式穿透失效

在antdv中，样式穿透失效可能是由于Scoped样式隔离导致的。Scoped样式隔离是一种将样式限定在组件内部的技术，它使用了属性选择器来确保样式只应用于当前组件的HTML元素。然而，当我们尝试覆盖antdv组件的样式时，由于组件内部的HTML元素没有相应的属性选择器，样式穿透就会失效。

为了解决这个问题，我们可以使用深度选择器（::v-deep或/deep/）来绕过Scoped样式隔离，从而实现样式穿透。深度选择器可以让样式选择器穿透到子组件的子组件，从而影响到antdv组件内部的HTML元素。

下面是一个在Vue项目中使用深度选择器穿透antdv样式的示例：

<template>
  <div>
    <a-button class="custom-button">Custom Button</a-button>
  </div>
</template>

<style scoped>
.custom-button /deep/ .ant-btn {
  background-color: red;
  color: white;
}
</style>

在上面的示例中，我们使用了深度选择器（/deep/）来选择antdv组件内部的.ant-btn元素，并为其设置了自定义的背景颜色和文字颜色。

请注意，深度选择器（/deep/）在Vue 2.x版本中已被弃用，但在Vue 3.x版本中可以使用::v-deep代替。