SFC CSS Features - :deep()

Deep Selectors

If you want a selector in scoped styles to be “deep”, i.e. affecting child components, you can use the :deep() pseudo-class:

<style scoped>
.a :deep(.b) {
  /* ... */
}
</style>

The above will be compiled into:

.a[data-v-f3f3eg9] .b {
  /* ... */
}