Angular komponendi stiilid
Vormindame nüüd oma veebilehe läbi
CSS-i. Selleks on meil kasulik fail
app.component.css, kus kirjutatakse
komponendi veebilehe CSS-stiile. Samal ajal
hoolitseb Angular ise selle eest, et stiilid
töötaksid nagu CSS moodul. See tähendab, et
kõik valijad töötavad ainult
komponendi veebilehe jaoks ega haara
välisest veebilehest.
Vaatame praktikas. Oletame, et meie komponendis on järgmine veebileht:
<div>
abcde
</div>
Määrame div-ile värvi:
div {
color: red;
}
Samal ajal võime olla kindlad, et stiili rakendatakse ainult meie komponendi div-idele ja mitte ühelegi teisele.
Tehke mallifailis mõni veebileht. Kirjutage selle veebilehe jaoks stiilid.