내 Vue.js ::v-deep, >>> 및 심층 선택기가 작동하지 않는 이유는 무엇입니까?

>> 및 딥 셀렉터가 작동 중인가요? " />

Vue.js ::v-deep, >>> 및 심층 선택기

배경

Vue.js 문제 해결 ::v-deep, >>>와 같은 심층 선택기를 사용하여 중첩된 구성 요소 내의 요소 스타일을 지정하는 방법을 제공합니다. :deep. 그러나 이러한 선택기를 구현할 때 문제가 발생합니다.

문제

::v-deep 또는 >>> Vue 구성 요소 내의 요소는 아무런 효과가 없습니다. 스타일 규칙은 그대로 전달됩니다. browser.

솔루션

Vue 2.0 - 2.6

Sass: ::v-deep

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

없음 Sass: >>>

>>> .child-class {
  background-color: #000;
}

구성요소의