Gaya Komponen Angular
Sekarang mari kita beri gaya pada markup kita melalui
CSS. Untuk ini, kita akan membutuhkan file
app.component.css, di mana
gaya CSS untuk markup komponen ditulis. Pada saat yang sama,
Angular sendiri yang memastikan bahwa gaya-gaya tersebut
bekerja seperti modul CSS. Ini berarti bahwa
semua selector hanya akan bekerja untuk
markup komponen dan tidak akan mengambil alih
markup dari luar.
Mari kita lihat dalam praktiknya. Misalkan dalam komponen kita ada markup berikut:
<div>
abcde
</div>
Mari kita beri warna pada div:
div {
color: red;
}
Dengan demikian, kita dapat yakin bahwa gaya tersebut hanya akan diterapkan pada div dari komponen kita, dan tidak pada div lainnya.
Buatlah beberapa markup dalam file template. Tulis gaya CSS untuk markup tersebut.
