在Vue中使用作用域CSS的嵌套深度选择

我有三个Vue组件：

父级

、

子级

和

孙子级

。 我想在父组件的范围内访问孙子组件的样式

我可以使用

：：v-deep

访问子组件的样式，但我找不到如何更深入

要访问子组件，我写：

//in Parent component
<style scoped>
  ::v-deep .child {
    background-color: green;
  }
</style>

//在父组件中
：：v-deep.孩子{
背景颜色：绿色；
}

---

我对web开发还不熟悉，但是我找不到语法，如果有任何帮助，我将不胜感激

尝试

/deep/.child{background color:green；}

@tyutyut

：：v-deep

和

>

语法可以让我选择一个有好几层深度的孩子。也许你的项目中还有其他的事情。例如，您的子选择器错误，或者其他内容具有更高的选择优先级（！important或id）。如果要使用/deep/而不是：：v-deep。请记住，sass和dart sass都不支持/deep/。节点sass有。@DavidWeldon“例如，您的子选择器错误，或者其他内容具有更高的选择优先级（！重要或id）。”它也可能是内联样式：）请尝试

/deep/.child{background color:green；}

@tyutyut

：：v-deep

和

>

语法都可以让我选择一个有好几层深度的子级。也许你的项目中还有其他的事情。例如，您的子选择器错误，或者其他内容具有更高的选择优先级（！important或id）。如果要使用/deep/而不是：：v-deep。请记住，sass和dart sass都不支持/deep/。节点sass有。@DavidWeldon“例如，您的子选择器错误，或者其他内容具有更高的选择优先级（！重要或id）。”它也可能是内联样式：）