Stil för Angular-komponent

Låt oss nu styla vår layout genom CSS. För detta kommer vi att använda filen app.component.css, där CSS-stilar för komponentens layout skrivs. Samtidigt ser Angular själv till att stilar fungerar som en CSS-modul. Det betyder att alla selektorer endast kommer att gälla för komponentens layout och inte kommer att påverka layouten utanför.

Låt oss se det i praktiken. Låt oss säga att vår komponent har följande layout:

app/app.component.html<div>
  abcde
</div>

Låt oss ange en färg för div:en:

app/app.component.cssdiv {
  color: red;
}

Samtidigt kan vi vara säkra på att stilen endast kommer att tillämpas på div:ar från vår komponent, och inte på några andra.