样式穿透何时使用？

来源：9-2 Vue项目详情页 - 公用图片画廊组件拆分

刘大大美

2021-04-12

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

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

写回答

3回答

weixin_慕粉4280987

2024-06-12

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

weixin_慕粉4280987

2024-06-12

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

.swiper-container

overflow: inherit

qq_慕仰0048378

2021-08-04

同问老师

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 1

回答 2

回答 1

回答 1

回答 1