Angular Component Stijlen
Laten we nu onze opmaak stijlen via
CSS. Hiervoor hebben we het bestand
app.component.css nodig, waarin de
CSS-stijlen voor de opmaak van de component worden geschreven. Tegelijkertijd
zorgt Angular er zelf voor dat de stijlen
werken als een CSS-module. Dit betekent dat
alle selectors alleen zullen werken voor de
opmaak van de component en geen opmaak van buitenaf zullen beïnvloeden.
Laten we het in de praktijk bekijken. Stel dat in onze component de volgende opmaak staat:
<div>
abcde
</div>
Laten we een kleur instellen voor de div:
div {
color: red;
}
We kunnen er zeker van zijn dat de stijl alleen wordt toegepast op de div's in onze component, en op geen andere.
Maak een opmaak in het templatebestand. Schrijf stijlen voor deze opmaak.
