دستور !important در CSS
دستور !important در CSS

استفاده از دستور!important

بسیاری از طراحان با تجربه که روزانه با دستورات و کدهای تحت وب سر و کار دارند، از این دستور اطلاع دارند ولی ممکن است بسیاری از تازه کارها از وجود دستوری تحت عنوان ! important بی اطلاع باشند.

اما کاربرد این کلمه عجیب چیست؟ با اضافه کردن دستور !important در انتهای کد css تان می توانید اولویت بالاتر را به آن دستور بدهید و دستوراتی که با این دستور در تضاد هستند را خنثی کنید.

بهتر است با دیدن یک مثال ساده مفهوم این دستور را بهتر برسانیم. در کد زیر، رنگ پس زمینه سفید خواهد بود ( نه قرمز ). و دلیل آن هم وجود دستور !important در انتهای کد سفید است.

.page {
background-color: white !important;
background-color: red;
}

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

تالیف: ایده ساز

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *