1回答

好帮手慕久久

2020-09-19

已采纳

同学你好，问题解答如下：

“.swiper-container”这个类名，是swiper插件动态为我们生成的，它上面有默认的overflow: hidden;样式，由于“.swiper-pagination”这个结构，超出了“.swiper-container”，所以它会被隐藏掉，如下：

所以需要给“.swiper-container”设置超出不隐藏，因此写了如下这个样式：

而样式中的“>>>”的作用是穿透；如果给“.swiper-container”设置样式，那么不使用">>>"也可以，即如下这样写也能实现效果：

但是由于vue的style中用了scoped属性，对于 .swiper-container里面的元素，则必须使用穿透才能修改它们的样式；为了方便，老师这里直接用了穿透（不用区分是给哪个元素设置样式）。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！

0