Archivo de estilos del componente Angular
En el archivo app.component.css se colocan
los estilos del componente. Al mismo tiempo, Angular
garantiza por sí mismo la modularidad de estos estilos.
Esto significa que todos los estilos se aplicarán
solo al diseño de nuestro componente, sin
afectar otras etiquetas.
Como ejemplo, demos estilo al texto del div:
div {
color: red;
}
Crea dos divs con texto: el primero en el diseño de tu componente y el segundo en el diseño del sitio. Aplica estilos al div del componente. Verifica que el div en el diseño del sitio no tenga los estilos aplicados.