Angular komponentiniň stilleri

Indi geliň, HTML kodymyzy CSS arkaly stilize edeliň. Bun üçin bizä app.component.css fayly gerek bolar, onda komponentiň HTML kody üçin CSS stillary ýazylýar. Şol bir wagtyň özünde Angular, stilaryň CSS moduly hökmünde işlemegine özü garşy alýar. Bu, ähli selektorlaryň diňe komponentiň HTML kody üçin işlerýändigini we daşarky HTML kodyny tutmaýandygyny aňladýar.

Geliň, amalda göreliň. Komponentimizde aşakdaky HTML kody bolsun:

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

Geliň, div-e reňk belleýeliň:

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

Şol bir wagtyň özünde, stiliň diňe biziň komponentimiziň div-lerine degişli bolarýandygyna we beýleklärine degişli bolmaýandygyna ynanan bileris.