Break Out of Scoped CSS

If you need to break out of CSS scoped to a component, it can be done with :deep, :slotted, and :global.

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

Which will be compiled into this, allowing to select .b inside child components:

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