文章介绍了在CSS中使用深层选择器的几种方法，包括/deep/、::v-deep和:deep。这些选择器用于穿透组件样式隔离，在Vue的不同版本和预处理器如less、sass中有着不同的支持情况。/deep/在vue-cli3及以上版本不适用，::v-deep只适用于Vue2的vue-cli3以上版本，而:deep则在Vue3中被支持。
使用css的情况下可以加>>>特殊符号，表示深层选择器，但不支持less、sass
1、/deep/ 支持css、less、sass (在vue-cli3及以上的版本不适用)
例如：
.customy-param-form{
/deep/ .ant-form-item{
.ant-form-item-label{
label{
color:#828282
}
}
}
}
2、::v-deep支持css、less、sass (在vue-cli3及以上的版本不适用)只支持ue-cli3以上版本
::v-deep .ant-form-item{
}
3、:deep支持css、less、sass ,其他版本vue不支持::v-deep,用这个，vue3支持；
:deep .ant-form-item{
...
}
1022
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
