使用了第三方UI组件库后自定义修改样式未生效

原因

首先，就是在编译组件的时候，如果当前组件内style标签上有scoped属性时，就会给当前组件所有标签上添加一个【data-v-hash】属性，且在标签的css选择器的结尾加上和属性同样的字段，起到唯一性的作用，实现类似于"作用域"的作用，那么就使得当前组件内的样式只会作用于当前组件内的元素。

可以使用v-deep相关的知识解决，如下：

深度作用选择器

如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符：

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