在Vue 3中使用Less并且想要使用:deep选择器来穿透组件边界时，可能会遇到:deep不生效的问题。这可能是由于以下原因造成的：
- 确保你正确地在Vue 3项目中使用了Scoped CSS。在单文件组件（
.vue文件）中，<style>标签默认是Scoped的。 - 确保你使用了正确的语法来指定
:deep选择器。在Vue 3中，:deep选择器的语法是::v-deep或者>>>。 - 如果你在JavaScript中动态创建了样式，确保你使用了正确的选择器。
下面是一个简单的例子，展示如何在Vue 3组件中使用:deep选择器：
<template>
<div class="parent">
<child-component>
<!-- 使用 :deep 选择器来选中 child-component 内的 .inner 元素 -->
<:deep(.inner)> {
color: red;
}
</child-component>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
components: {
ChildComponent
}
};
</script>
<style scoped>
.parent {
:deep(.inner) {
color: blue;
}
}
</style>在这个例子中，ChildComponent可能有一个类名为.inner的元素。在父组件中，我们使用:deep(.inner)选择器来确保我们的样式能够应用到子组件内部的.inner元素上，无论它是否是Scoped的。
如果你在使用Less并且:deep不生效，请检查以上几点，并确保你的Vue 3项目配置正确。如果问题依然存在，可以查看官方文档或者社区支持来获取帮助。