Vue使用UI库的时候修改默认样式失败问题

问题描述：使用Mint-ui、elementUI组件库的时候，尝试了加类名、加优先级（!important）等，修改样式失败（建议直接看四）
解决方法：
方法一：去掉style标签中的scoped
会造成全局样式污染，如果你是一个起名字不重复小能手，你可以这么干，但是特别不推荐，在这里出现的目的就是为了凑个1而已；
方法二：将要修改的样式写在全局样式里，也不推荐。
方法三：在引入的组件上加个类名，使用这个类名正常写样式就好，但是只能作用于最外层的选择器。
方法四：样式穿透

父级选择器 >>>子级选择器 {
     
  css代码
}

补充：
写完之后，发现有个前辈写的更到位，如果我没有解决你的问题，可以移步到前辈的博文上，希望能解决你的问题。
https://blog.csdn.net/qq_42221334/article/details/88533329