Quy tắc! important cung cấp cách tạo dòng CSS của bạn. Nó cũng 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 biểu định kiểu sau, văn bản đoạn văn sẽ có màu đen, mặc dù thuộc tính kiểu đầu tiên được áp dụng là màu đỏ -
<style>
<!--
p {
color: #ff0000;
}
p {
color: #000000;
}
-->
</style> Nếu bạn muốn đảm bảo rằng một thuộc tính luôn được áp dụng, bạn sẽ thêm thuộc tính! important vào thẻ. Do đó, để đoạn văn bản luôn có màu đỏ, 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>