样式不生效?试试css深度作用选择器:>>> 、/deep/ 、::v-deep样式穿透的使用方法和区别
css深度作用选择器的作用:如果使用了scoped后,无法修改第三方UI组件库组件的样式,这里可以使用css深度作用选择器,以作样式修改。例:vue项目中,经常需要使用如elementUI、vant、iview等组件库,都可能自定义一些样式文件,但是有些样式直接在组件中修改无效,因为scoped局限于当前组件,去掉scoped的话又会影响全局样式。针对这种情况,可以使用深度作用选择器(即样式穿透)