Tự học CSS: Giá trị !important và ý nghĩa

Bài viết tiếp theo trong series Tự học CSS, mình xin chia sẻ với các bạn về giá trị !important - Viết đè lệnh CSS.

1. Cấu trúc khai báo:

.class { thuộc tính: giá trị !important}

#id { thuộc tính: giá trị !important}

keyword { thuộc tính: giá trị !important}

2. Ý nghĩa:

- !important có tác dụng khai báo cho biết thuộc tính chứa nó có giá trị quan trọng hơn, cần được ưu tiên.
VD: Ta có đoạn code sau:

.class {font-size:14px; font-family:Tahoma; font:16px Arial !important}

Như vậy hệ thống sẽ áp dụng thuộc tính font:16px Arial !important cho nội dung thay vì font-size:14px và font-family:Tahoma

Tương tự, các bạn có thể áp dụng giá trị !important vào các thuộc tính khác nhau khi cần viết đè thuộc tính đã có trong thành phần.

Chúc các bạn thành công !