Stili del Componente Angular
Ora stilizziamo il nostro markup con il
CSS. A questo scopo, ci sarà utile il file
app.component.css, in cui vengono scritti
gli stili CSS per il markup del componente.
Angular si occupa automaticamente di far
funzionare gli stili come modulo CSS.
Ciò significa che tutti i selettori
funzioneranno solo per il markup del
componente e non influenzeranno il markup
esterno.
Vediamo in pratica. Supponiamo che nel nostro componente ci sia il seguente markup:
<div>
abcde
</div>
Assegniamo un colore al div:
div {
color: red;
}
In questo modo, possiamo essere sicuri che lo stile verrà applicato solo ai div del nostro componente, e a nessun altro.
Create nel file del template un po' di markup. Scrivete gli stili per questo markup.
