/deep/ selector will be deprecated soon

[Jack-Works]

Version

12.2.2

Reproduction link

http://no-link/

Steps to reproduce

1. Use /deep/.

What is expected?

Nothing happened.

What is actually happening?

A deprecation warning.

---

[Deprecation] /deep/ combinator is deprecated and will be a no-op in M60, around August 2017. See https://www.chromestatus.com/features/4964279606312960 for more details.

[yyx990803]

Use >>> instead.

[Jack-Works]

And less can not recognize >>>

[yyx990803]

Then you can just ignore the warning... /deep/ is compiled away and does not appear in your final CSS.

[Jack-Works]

Oh, that's cool, thanks

…

On Sat, 5 Aug 2017, 02:21 Evan You, ***@***.***> wrote: Then you can just ignore the warning... /deep/ is compiled away and does not appear in your final CSS. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#913 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AFJBfyRuboaygxgWgESN5zrMOj3FYn6Zks5sU2EvgaJpZM4OnU76> .

[Varkal]

That's not works for me : /deep/ selector aren't compiled at all.
Maybe sass-loader need a specific configuration to transpile them ?

[Yuliang-Lee]

@Varkal Did you solved this problem?

[Varkal]

I think i have made a mistake because now it's works... and don't change anything to my setup...

[paglias]

Confirmed that /deep/ isn't compiled away

[mercs600]

the same for me

[sesopenko]

Does this mean that vue-loader won't parse & replace /deep/ selectors, as described in the Scoped CSS documentation of vue-loader?

Some pre-processors, such as SASS, may not be able to parse >>> properly. In those cases you can use the /deep/ combinator instead - it's an alias for >>> and works exactly the same.

Is this the feature being deprecated?

[mattaningram]

I'm confused, >>> doesn't work in scss for me, but /deep/ does, is this going to be removed?

[bovas85]

@mattaningram and @sesopenko, as Evan said, /deep/ is compiled from sass to css so it's not used in the build version in production