عنوان مقاله :

چند نکته ساده درباره !IMPORTANT

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 22 دی 1396
دسته بندی ها : css

بعضی از قواعد سی‌اس‌اس می‌توانند شکسته شوند، یا در نهایت شاید این فلسفه‌ای باشد که پشت !important قرار دارد. !important یک قاعده سی‌اس‌اس است که با استفاده از آن می شود یک استایل یا دستور را بین چندین فایل سی‌اس‌اس مختلف به صورت تکی اجرا کنید و از مقداردهی های قبلی صرفنظر نمایید. به صورت ساده بگوییم، !important  باعث می شود برخی قواعد مهم باشند و در هر شرایطی نادیده گرفته نشوند. با این دستور می توانید قاعده های سی‌اس‌اس را مهم بشمارید و موارد دیگر را نادیده بگیرید. در کل این دستور باعث می شود که ارزش دستورها بیشتر از آنچه که هست بشود.

!important درنسخه CSS1 در سال ۱۹۹۶ عرضه شد. و بعد از آن نیز در نسخه های بعدی سي‌اس‌اس هیچ تغییر بخصوصی نکرد. 

استفاده از important!

استفاده از این قاعده بسیار ساده است. این قطعه کد ساده به شما یاد می دهد که چگونه از این قاعده استفاده کنید:

p {
font-size: 12px !important; }

!important را درست بعد از آنکه خاصیتی مقدار دهی شد و قبل از علامت سیمی‌کالن قرار می‌دهند. 

دسته بندی کردن قواعد سی‌اس‌اس

!important براساس اهمیت و اصل بودن قواعد، آن ها را دسته بندی و مرتب می کند. مطابق با W3C به صوت صعودی اولویت ها مطابق الگوی زیر حساب می شوند:

  1. اعلامیه های اعلان کاربر
  2. اعلامیه های عادی کاربر
  3. اعلامیه های عادی نویسنده
  4. اعلامیه های مهم نویسنده
  5. اعلامیه های مهم کاربر

گیج شدید، درسته؟ خب بدانید که تنها نیستید. باید بگویم که در اوایل !important محدودیت هایی نیز در اجرا داشت. برای مثال در برخی از مرورگرها پشتیبانی نمی شد اما الان تمام مرورگرهای مدرن از آن پشتیبانی می کنند.

سرپرستی کردن قواعد سی‌اس‌اس کار نسبتا پیچیده ای است. مطمئنا حال سوال پیش می آید که اگر دو خاصیت سی‌اس‌اس برای یک المان یکسان تعیین شود کدامیک اعمال می شود؟ خب جواب بسیار ساده است. خاصیتی اعمال می شود که آخرین مورد باشد. 

آیا باید از !IMPORTANT استفاده کنید؟

اکثر توسعه دهندگان باور دارند که از این قاعده باید در کلاس های مفید استفاده شود اما در کل باید گفت که می شود از این قاعده در هر حالتی استفاده شود. !IMPORTANT در کل باید برای زمانی استفاده شود که روی یک خاصیت تمرکز کنید و بخواهید در هر صورت اعمال شود. اما استفاده از آن ضروری نیست. 

برای حل کردن مشکلات موقت در رابطه با کدها استفاده از این دستور بسیار مؤثر است. برای تعیین چنین قاعده به منظور حل کردن مشکلات موقت استفاده از ابزار inspector مربوط به مرورگرها می تواند راه بسیار مفیدی باشد.

در حالت هایی که دنبال یک طراحی منحصر به فرد باشید و از میان برگه های مختلف صفحات وبسایت بخواهید استایل خاصی را استفاده کنید نیازی نیست که به کدهای صفحه مراجعه کنید. بلکه کافی است کلاس یا آی‌دی قسمت مربوطه را پیدا کرده و خاصیت مورد نظر را همراه با دستور !IMPORTANT وارد کنید. 

یکی از مسائلی که !IMPORTANT باعث آن می شود سخت شدن دیباگ کردن کدهاست. به این دلیل که در جاهای مختلف ممکن است در حالت استاندارد کدها نوشته شده باشند اما با تغییر آن ها هیچ چیزی اعمال نشود این دقیقا به دلیل آن است که در یک فایل یا یک قسمت دیگر از این دستور استفاده شده است. چنین حالتی مخصوصا برای وقتی که در یک تیم کار می کنید و توسعه دهندگان مختلفی وجود دارد ملموس و بیشتر دیده می شود. 

بیشتر توسعه دهندگانی که به صورت مشارکتی روی یک پروژه کار می کنند به همدیگر پیشنهاد می کنند که تا جای ممکن از استفاده از این قاعده صرفنظر کنند البته در پروژه های شخصی نیز باز مشکلاتی به همراه خواهد آورد. چون بعدها ممکن است برای انجام تغییرات در پروژه دچار مشکل شوید. پس بهتر است سعی کنید که به صورت درست و با احتیاط از این دستور استفاده نمایید.

منبع

برچسب : ,

مقالات پیشنهادی

چند نکته کاربردی درباره Collection ها در لاراول

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

منوی Accordion چند سطحی

امروز در این پست میخوایم طریقه ایجاد یک منویی آکاردئون ( Accordion ) چندسطحی رو بهتون یاد بدیم امیدوارم مورد استفاده اتون قرار بگیره . این منو تنها با...

آموزش طراحی اسلایدر ساده توسط BxSlider

با سلام خدمت دوستان در این مقاله قصد دارم آموزش طراحی اسلایدر ساده توسط پلاگین جی کوئری به نام bxslider رو بهتون آموزش بدم .در ابتدا شما باید یک آشنای...

10 قطعه کد ساده برای ایجاد تب‌های زیبا

تب‌ها برای سال‌های متمادی بخش اساسی و مهمی را از وب تشکیل می‌دهند. در حال حاضر نیز با وجود توسعه دهندگانی که پروژه های متن باز را ایجاد می کنند، قطعه...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است