.swiper-pagination-bullet-active
来源：2-6 Vue项目首页 - 首页轮播图（2）
爱吃夜宵的前端Student
2020-11-08 19:17:15
# 具体遇到的问题
2.35这个地方讲的我有点乱？？？
我大致是这样理解的：
在写这个类的时候，因为设置了scoped的缘故 所以样式只在当前组件生效
1. 当前组件是swiper
2. .swiper-pagination-bullet-active 这个类是不属于swiper组件的，它属于另一个组件，所以在swiper组件里面设置这个类是不起作用的
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
在这里输入代码，可通过选择【代码语言】突出显示
写回答
1回答
-
同学你好，理解正确。scoped的含义是我们手写的样式，只对当前组件生效，即name属性值为HomeSwiper的组件，如下：
而swiper-pagination-bullet-active这个样式，是插件swiper中的样式，它与上图中的组件，不是同一个，所以手写的样式对swiper-pagination-bullet-active无效，需要使用>>>穿透。
祝学习愉快！
0
相似问题