Thuộc tính !important trong CSS để làm gì?

Thuộc tính !important trong CSS được sử dụng để thêm trọng lượng (tầm quan trọng) hơn cho một thuộc tính/giá trị so với bình thường. Khi sử dụng !important, nó sẽ ghi đè lên TẤT CẢ các quy tắc định kiểu trước đó cho thuộc tính cụ thể đó trên phần tử.

Ví dụ, nếu có một quy tắc CSS đặt màu nền cho tất cả các đoạn văn bản là xanh, nhưng một quy tắc khác sử dụng !important để đặt màu nền là đỏ, thì màu nền đỏ sẽ được áp dụng bất chấp quy tắc xanh:

p {
  background-color: blue;
}

p {
  background-color: red !important;
}

Trong ví dụ trên, tất cả các đoạn văn bản sẽ có màu nền đỏ, ngay cả khi có các bộ chọn ID hoặc class có...