How to target html tag element with :v-deep() selector?

Question

When I use:

::v-deep img { ... }

it works but I get a deprecation warning:

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

How do I do the same thing but with :v-deep(img)?

:v-deep(img) { ... }

results in unknown pseudo selector error.

Edit:

If I could target a class I would but in my case I'm trying to target html tags inside a rich text editor to which classes can not be applied.

https://vuejs.org/api/sfc-css-features.html#scoped-css – Amaury Hanser Apr 11 '22 at 12:25 — Amaury Hanser, Apr 11 '22 at 12:25

score 1 · Answer 1 · answered Apr 11 '22 at 11:53

1

You are putting v- before deep because of which you're getting unknown selector error try out this piece of code

:deep(img){
/* Your styles  */
}

answered Apr 11 '22 at 11:53

Abbas Shaikh

1

yes I've tried that but I'm getting the error mentioned in my question – Artur Müller Romanov Apr 13 '22 at 07:02

score 0 · Answer 2 · answered Apr 11 '22 at 19:28

0

:deep(.child-class) {
    background-color: #000;
}

You can read more info here

answered Apr 11 '22 at 19:28

LastM4N

2 Answers2