مبحث تکمیلی درس Visual Interdiv

کاربرد اعلان important! در CSS

یادمه که در کلاس برای دانش آموزان سوم مفهوم  important! را توضیح دادم  که گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه می شویم. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

P {
background-color : #fff ;
color : #000 ; ! important
}

P {
background-color : #9cf ;
color : #f00 ;
}  

! important باعث می شود که کد کنار آن بیشترین اولویت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولویت نهایی با رنگ #000 است .
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

P {
background-color : #9cf ;
color : #000 ; !important
}

اطلاعات بیشتر(more)