Tengo una sección que se repite en varios componentes y los estilos CSS son iguales para todas ellas. Para dejar el código más limpio, he quitado los estilos repetidos de cada una de las hojas de estilos CSS de los componentes y lo he puesto todo en la hoja de estilos del componente padre. No obstante, cuando lo hago no me los reconoce... ¿Será que he olvidado enlazar algún fichero? Soy nuevo en Angular.
Por ejemplo, tengo los siguientes componentes:
<app-root>
<componente-hijo1>...</componente-hijo1>
<componente-hijo2>...</componente-hijo2>
<componente-hijo3>...</componente-hijo3>
</app-root>
En cada componente hijo tengo, por ejemplo, la clase ".prueba" con una serie de atributos CSS asociados.
.prueba {
background-color: red;
color: blue;
...
}
Lo que quiero es no repetir código y en lugar de tener esa clase en cada hoja de estilos de los componentes hijos, tenerla una sola vez en la del padre. ¿Es eso posible?