How do I use /deep/ or >>> in Vue.js?

Question

So, I\'ve read here that in Vue.js, you can use /deep/ or >>> in a selector in order to create style rules that apply to elements inside o

Answer 1

Avoid using /deep/ and instead use ::v-deep

Any scoped component's css can be changed by using deep selector but sooner /deep/ will get deprecated

Vue Github reference - https://github.com/vuejs/vue-loader/issues/913

Use ::v-deep in this case,and avoid deprecated /deep/

Reference - Deep Selector

Just inspect class of the rendered element which you want to modify using devtools in chrome or any browser console.

Then, In you consuming component, modify it