Stilsetting av Angular-komponenter
La oss nå style vårt oppsett gjennom
CSS. For dette trenger vi filen
app.component.css, der man skriver
CSS-stiler for komponentens oppsett. Samtidig
sørger Angular selv for at stilene
fungerer som CSS-moduler. Dette betyr at
alle selektorer bare vil virke for
komponentens oppsett og ikke vil fange
opp oppsettet utenfor.
La oss se på det i praksis. Anta at vår komponent har følgende oppsett:
<div>
abcde
</div>
La oss sette farge på div-en:
div {
color: red;
}
Samtidig kan vi være sikre på at stilen bare vil gjelde for div-er fra vår komponent, og ikke for noen andre.
Lag et oppsett i mal-filen. Skriv stiler for dette oppsettet.