Angular komponenta stili
Tagad formatēsim mūsu izkārtojumu ar
CSS. Šim nolūkam mums noderēs fails
app.component.css, kurā raksta
CSS stilus komponentes izkārtojumam. Tajā pašā laikā
Angular pats rūpējas, lai stili
strādātu kā CSS modulis. Tas nozīmē, ka
visi selektori darbosies tikai
komponentes izkārtojumam un neaptvers
izkārtojumu no ārpuses.
Apskatīsim praksē. Pieņemsim, ka mūsu komponentē ir šāds izkārtojums:
<div>
abcde
</div>
Uzstādīsim krāsu div:
div {
color: red;
}
Tajā pašā laikā mēs varam būt pārliecināti, ka stils tiks piemērots tikai div mūsu komponentē, un ne citiem.
Veidlapas failā izveidojiet kādu izkārtojumu. Uzrakstiet stilus šim izkārtojumam.
