首页 > 建站教程 > Div+Css >  深度(穿透)选择器>>>、/deep/、::v-deep正文

深度(穿透)选择器>>>、/deep/、::v-deep

如果你希望 scoped 样式中的一个选择器能够作用得“更深”,例如影响子组件,你可以使用深度(穿透)选择器:
<style scoped>
.a >>> .b {}
</style>

<style lang="scss" scoped>
.a /deep/ .b {}
</style>

<style lang="scss" scoped>
.a ::v-deep .b {}
</style>
/deep/ 或 ::v-deep 操作符都是 >>> 的别名,在scss中无法识别 >>>,只能用 /deep/ 或 ::v-deep。
注意:dart-sass 不支持/deep/和>>>的写法,只能用::v-deep,node-sass没问题。所以,如果您的/deep/不起作用,可以,可以换::v-deep试试。