Closed paul-thebaud closed 2 years ago
Hi.
deep
is the Vue3 syntax. For Vue2, use ::v-deep
.
The following code worked.
::v-deep .app-child__hello {
color: red;
}
Please see here.
I've seen, I've just thought I could use this syntax already with vue2 because it was working on webpack. Closing as the webpack behavior was non standard.
Describe the bug
Hello,
When using the
:deep
selector inside a Vue 2 single file component's scoped style, such as:It will generate the given style:
Instead of the following:
Using Webpack this example code is working fine. Using CSS or SCSS for the style of the Vue component won't change anything.
I already posted this issue on ViteJS repository (see vitejs/vite#8959) but they told me to post here.
Reproduction
https://github.com/paul-thebaud/vue-deep-bug
System Info
Used Package Manager
yarn