css中什么时候使用穿透？比如swiper。能否讲解下

<style lang="scss" scoped>
.van-circle {
  /deep/ .van-circle__text {    color: blue;
  }
}
</style>

源自：实战：Vue webAPP首页开发 2-1 幻灯片组件--swiper

收起

2回答

好帮手慕糖 2020-05-01 15:44:54

同学你好，不了解具体是如何使用的，不能准确的判断哦。

祝学习愉快~

好帮手慕糖 2020-05-01 11:41:35

同学你好，可以参考如下理解：

1、scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。

2、引用了第三方组件，需要在组件中局部修改第三方组件的样式，只在局部修改，其他引入的并不修改，而又不想去除scoped属性造成组件之间的样式污染。此时就可以通过特殊的方式，穿透scoped。

3、课程中不涉及到全透的知识，这里看同学学习努力，破例位同学解答哦。还是建议到对应的课程中进行提问，回答的老师会结合课程内容进行回复，更容易理解，且后期复习时也便于查找。

祝学习愉快~

提问者迷失的小麦 #1

比如swiper，是不是只有<div class="swiper-pagination" slot="pagination"></div>用到了slot才需要穿透scoped，其他的如.swiper-container,.swiper-wrapper,.swiper-slide则直接用类名就好

2020-05-01 11:52:39