Stilimet e Komponentit Angular
Tani le të stilizojmë strukturën tonë përmes
CSS. Për këtë do të na duhet skedari
app.component.css, ku shkruhen
stilimet CSS për strukturën e komponentit. Në këtë rast
Angular kujdeset vetë që stilimet
të funksionojnë si modul CSS. Kjo do të thotë se
të gjithë përzgjedhësit do të funksionojnë vetëm për
strukturën e komponentit dhe nuk do të kapin
strukturën nga jashtë.
Le ta shohim në praktikë. Le të themi se në komponentin tonë kemi strukturën e mëposhtme:
<div>
abcde
</div>
Le t'i caktojmë një ngjyrë div-it:
div {
color: red;
}
Në këtë rast mund të jemi të sigurtë se stili do të aplikohet vetëm për div-et nga komponenti ynë, dhe jo për ndonjë tjetër.
Krijoni një strukturë në skedarin me shabllon. Shkruani stilime për këtë strukturë.