老师看看这个
来源：2-6 Vue项目首页 - 首页轮播图（2）
慕标5156652
2020-09-07 14:36:40
这个使用
.wrapper >>>.swiper-pagination-bullet-active
background:red
没有效果
这样写
.wrapper .swiper-pagination-bullet-active
background:red
就有效果了
这个是什么原因
写回答
1回答
-
好帮手慕慕子
2020-09-07
同学你好， vue语法规定的，只有style标签上添加了scoped属性，才可以使用>>>这种格式设置样式，否则是无效的。
看截图是因为同学style标签上没有添加scoped属性，所以.wrapper >>>.swiper-pagination-bullet-active这种写法没有效果，只有书写成.wrapper .swiper-pagination-bullet-active。
示例：添加上scoped属性后，>>> 就可以生效了。
同学可以测试理解下，祝学习愉愉快~
0
相似问题