Sử dụng quy tắc !important trong CSS

Quy tắc !important cung cấp cách để ưu tiên quy tắc CSS. Nó bao gồm các quy tắc luôn được áp dụng. Quy tắc có thuộc tính !important sẽ luôn được áp dụng, bất kể quy tắc đó xuất hiện ở đâu trong tài liệu CSS.

Ví dụ, trong stylesheet sau, văn bản đoạn sẽ là đen, dù thuộc tính kiểu đầu tiên áp dụng là đỏ:

<style>
  <!--
    p { color: #ff0000; }
    p { color: #000000; }
  -->
</style>

Nếu bạn muốn chắc chắn một thuộc tính luôn được áp dụng, hãy thêm !important vào thẻ. Do đó, để làm cho văn bản đoạn luôn luôn đỏ, bạn nên viết như sau:

Ví dụ

<html>
<head>
  <style>
    p { color: #ff0000 !important; }
    p { color: #000000; }
  </style>
</head>
<body>
  <p>Tutorialspoint.com</p>
</body>
</html>