Angular komponent styling
Lad os nu style vores layout gennem
CSS. Til dette vil filen
app.component.css være nyttig, hvor
CSS-stilarter for komponentens layout skrives.
Samtidig sørger Angular selv for, at stilarterne
virker som CSS-moduler. Det betyder, at
alle selektorer kun vil virke for
komponentens layout og ikke vil fange
layout udefra.
Lad os se det i praksis. Antag at vores komponent har følgende layout:
<div>
abcde
</div>
Lad os give div'en en farve:
div {
color: red;
}
Samtidig kan vi være sikre på, at stilen kun anvendes på div'er fra vores komponent, og ikke på nogen andre.
Lav noget layout i filen med skabelonen. Skriv stilarter til dette layout.
