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:
<div>
abcde
</div>
Haideți să setăm o culoare pentru div:
div {
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.
Creați în fișierul cu template-ul un markup. Scrieți stiluri pentru acest markup.
