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

I've successfully used /deep/ in Vue's scoped SCSS stylesheets with this structure:

.parent-class {
  & /deep/ .child-class {
    background-color: #000;
  }
}

Edit: /deep/ is being deprecated, if it no longer works for you please refer to the other answer that explains ::v-deep