13、优化轮播图组件与vue深度处理器

1、焦点问题

我们看到这里的焦点会有一个默认的颜色，改变这个焦点颜色也有一个小坑。

问题所在

2、如何解决

（1）这里我们要用到vue的深度作用选择器，关于深度作用选择其详情看一看官网介绍：https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html

vue官网

（2）用开发者工具找到这个点的class类名

tools

（3）使用深度选择器把这个点变为白色

深度选择器

ps：less里面不能用 >>> 这样写。

3、ok，最后的浏览器的效果就是这样了，perfect

最终轮播图效果

作者：Ewall_
链接：https://www.jianshu.com/p/480062706465