Style komponentu Angular

Teraz ostylujmy nasz układ za pomocą CSS. Do tego przyda się plik app.component.css, w którym pisane są style CSS dla układu komponentu. Jednocześnie Angular sam dba o to, aby style działały jak moduł CSS. Oznacza to, że wszystkie selektory będą działać tylko dla układu danego komponentu i nie będą przechwytywać układu z zewnątrz.

Spójrzmy na to w praktyce. Załóżmy, że w naszym komponencie znajduje się następujący układ:

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

Nadajmy kolor divowi:

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

Możemy być przy tym pewni, że styl zastosuje się tylko do divów z naszego komponentu, a nie do żadnych innych.