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:
<div>
abcde
</div>
Låt oss ange en färg för div:en:
div {
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.
Skapa lite layout i mallfilen. Skriv stilar för denna layout.
