جهت مشاهده نتایج و تست کدها از ادیتور آنلاین استفاده کنید (کلیک کنید).

CSS در Importantاستفاده از

important در css وظیفه افزایش میزان اولویت یکسری تنظیمات را نسبت به حالت نرمال دارد. در مثال زیر برای ویژگی رنگ پس زمینه پاراگراف سه حالت آبی، طوسی و قرمز درنظر گرفته شده است اما برای مقدار قرمز عبارت important! آورده شده که باعث افزایش اولویت این مورد نسبت به سایر موارد است به همین دلیل برای سه پاراگراف مختلف موجود در body با اینکه سه حالت مختلف فراخوانی شده است اما فقط مقادیر مربوط به important اعمال شده اند بنابراین پس زمینه هر سه پاراگراف قرمز خواهد شد.

<html> <head> <style> #myid { background-color: blue; }

.myclass { background-color: gray; }

p { background-color: red !important; } </style> </head> <body>

<p>This is some text in a paragraph.</p>

<p class=“myclass”>This is some text in a paragraph.</p>

<p id=“myid”>This is some text in a paragraph.</p>

</body> </html>

Scroll to Top