样式穿透何时使用？

Question

在Detail组件里，修改pagination页码颜色为白色时，使用如下代码：
.swiper-pagination
color: #fff
没有使用样式穿透
而修改oveflow：hidden时，使用样式穿透，如下代码：
.container >>> .swiper-container

请问：.swiper-pagination， .swiper-container这两个不都应该是swiper组件的class吗，为什么第一个不用样式穿透也能启作用？

Answer 1

weixin_慕粉4280987 2024-06-12 10:42:33

.swiper-container这个类，并没有在我们的组件中定义，它市swiper自定义的属性，所以当需要改动时需要使用样式穿透，这是我的理解

Answer 2

weixin_慕粉4280987 2024-06-12 10:39:57

也可以不使用样式穿透，直接在样式表添加样式如下

.swiper-container

  overflow: inherit

Answer 3

qq_慕仰0048378 2021-08-04 14:04:27

同问 老师