Phong cách Component Angular

Bây giờ hãy cùng định dạng phong cách cho bố cục của chúng ta thông qua CSS. Để làm điều này, chúng ta sẽ cần đến tệp app.component.css, nơi viết các phong cách CSS cho bố cục của component. Đồng thời, Angular tự đảm bảo rằng các phong cách hoạt động như một CSS module. Điều này có nghĩa là tất cả các bộ chọn sẽ chỉ hoạt động cho bố cục của component và sẽ không ảnh hưởng đến bố cục bên ngoài.

Hãy xem xét trong thực tế. Giả sử trong component của chúng ta có bố cục sau:

<div>
	abcde
</div>

Hãy đặt màu cho div:

div {
	color: red;
}

Đồng thời, chúng ta có thể chắc chắn rằng phong cách sẽ chỉ áp dụng cho các div trong component của chúng ta, và không áp dụng cho bất kỳ div nào khác.

Hãy tạo một số bố cục trong tệp template. Viết các phong cách CSS cho bố cục đó.