دستور !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>

خلاصه درس

  • در این درس با دستور important! و اولویت اجرای آن در CSS آشنا شدیم.

توسعه دهندگان
احسان اسلامی