Ahora me he ocupado de esto en varios proyectos en los que, al usar un marco de componentes como Vue que promueve estilos de alcance, no puede cambiar los estilos de los componentes secundarios en las bibliotecas MD o Bootstrap Vue (supongo que esto se aplicaría a otros marcos de componentes ?).

Esto se aplica si está utilizando la propiedad con ámbito:

 <style lang="scss" scoped></style>

Para abarcar los estilos, siempre tenemos que envolver todos los estilos en una clase o id principal para que los estilos no se apliquen globalmente por accidente.

 <style lang="scss"> #uniqueId { .my-class { background-color: red; } } </style>

¿Hay alguna forma de evitar esto? Me gustaría usar el atributo de alcance en la etiqueta de estilo para garantizar que ningún estilo se filtre al resto de la aplicación.