Rare Earth Juejin Tech Community

Oct 6, 2024 · Frontend Development

Why Vue 3 Deprecates /deep/ and >>> and How :deep() Really Works

This article explains the problems of using deprecated deep combinators in Vue scoped CSS, shows concrete code examples, walks through the Vue compiler’s AST transformation, demonstrates the correct :deep() syntax, and proves that nested :deep selectors are not supported.