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:
<div>
abcde
</div>
Nadajmy kolor divowi:
div {
color: red;
}
Możemy być przy tym pewni, że styl zastosuje się tylko do divów z naszego komponentu, a nie do żadnych innych.
W pliku z szablonem utwórz jakiś układ. Napisz style dla tego układu.