Angular компонентинин стилдери

Келгиле, азыр CSS аркылуу бетибизди стилдейли. Бул үчүн бизге app.component.css файлы керек болот, анда компоненттин бети үчүн CSS стилдери жазылат. Бул учурда Angular стилдердин CSS модулу сыяктуу иштешине өзү кам көрөт. Бул дегенди билдирет: бардык селекторлор компоненттин бети үчүн гана иштейт жана сырткы беттерди камтыбайт.

Келгиле, практикада көрөлү. Компонентибизде төмөнкүдөй бет болсун:

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

Келгиле, div-ге түс берели:

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

Бул учурда стил биздин компоненттеги div-лерге гана колдонулат, башкаларга эмес деп ишене алабыз.