دستور !important در CSS

دستور !important به معنای مهم و در انتهای ویژگی اضافه می شود.

از دستور important برای اولویت دادن به اجرای ویژگی استفاده می شود. 

نکته: این برای اطلاعات بیشتر به آموزش اولویت اجرا کدهای CSS مراجعه کنید.

<head>
    <style>
        p { 
    	    color: green !important; 
        }
	</style>
</head>
<body>
    <p style="color: red;">PNLdev</p>
</body>

نکته: از important در مواقعی که نمی خواهیم کدهای قبلی را ویرایش کنیم. بلکه می خواهیم روی کد قدیمی بازنویسی (overwrite) کنیم، استفاده می شود.

اولویت اجرا !important در CSS

در صورت وجود چند !important، از چیدمان آبشاری استفاده می شود. و کدهایی که در خط های پایین تر نوشته شده باشند اولویت بیشتری دارند.

<head>
    <style>
        p { 
    	    color: green !important; 
        }
        .para { 
    	    color: red !important; 
        }
	</style>
</head>
<body>
    <p class="para" style="color: blue !important;">PNLdev</p>
</body>
توسعه دهندگان
احسان اسلامی