css 深度选择器（穿透选择器）

什么情况下使用样式穿透

引入第三方组件库（如element-ui、element-plus），修改第三方组件库的样式样式文件中使用了 scoped 属性，但是为了每个组件之间不相互影响所以不能去除scoped 属性，此时需要用样式穿透选择器来修改第三方组件的样式，以下罗列了三种方法

---

1.>>>

适用与 css、stylus，不太推荐，可能会有问题
外层类 /deep/ 想要修改类名 {
修改样式
}

.select-all {
			>>> .uni-checkbox-input {
				margin-right: 5rpx;
			}

---

2. /deep/

适用于 scss、less
外层类 >>> 想要修改类名 {
修改样式
}

.select-all {
			/deep/ .uni-checkbox-input {
				margin-right: 5rpx;
			}

---

3. ::v-deep

通用，最好用的一个
::deep 想要修改类名 {
修改样式
}

::v-deep uni-swiper .uni-swiper-dots-horizontal {
	 bottom: 30rpx !important;
	}