Stilurile componentei Angular

Haideți acum să stilizăm markup-ul nostru prin CSS. Pentru aceasta ne va fi util fișierul app.component.css, în care se scriu stilurile CSS pentru markup-ul componentei. În același timp Angular se îngrijește singur ca stilurile să funcționeze ca module CSS. Aceasta înseamnă că toți selectorii vor funcționa doar pentru markup-ul componentei și nu vor captura markup-ul din exterior.

Să vedem în practică. Să presupunem că în componenta noastră este următorul markup:

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

Haideți să setăm o culoare pentru div:

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

În același timp putem fi siguri că stilul se va aplica doar div-urilor din componenta noastră, și nu oricăror altora.