جستجو برای:
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
 
  • 02128423771 - 08736212195
  • info@zarrinlearn.com
  • بلاگ
  • تماس با ما
  • درباره ما
سایت اموزشی زرین لرن
  • خانه
  • مهارت های کامپیوتر
    • شبکه
    • ابزار های مایکروسافت افیس
    • ویندوز
  • برنامه نویسی و طراحی سایت
    • کد نویسی سمت کاربر
    • کد نویسی سمت سرور
    • cms های آماده
  • برنامه نویسی
    • اندروید
    • #C
    • بازی سازی
    • جاوا
    • پایتون
  • سورس کد ها
    • پروژه آماده اندروید
    • پروژه اماده unity
    • پروژه آماده سی شارپ
    • پروژه آماده طراحی سایت
  • تماس با ما
  • درباره ما
0

ورود و ثبت نام

بلاگ

سایت اموزشی زرین لرنبلاگمقالاتقانون !important

قانون !important

9 دی 1403
ارسال شده توسط سمیرا خانی
مقالات
163 بازدید

قانون !important در CSS برای این استفاده می‌شود که به یک ویژگی خاص اولویت بیشتری داده شود تا بر تمام دیگر قوانین CSS (حتی آن‌هایی که از نظر ترتیب یا خاص بودن برتری دارند) غلبه کند.


ساختار:

انتخابگر {

ویژگی: مقدار !important;

}

مثال:

/* استایل معمولی */

p {

      color: blue;

}

/* استایل با !important */

p {

        color: red !important;

}

در این حالت، رنگ متن تگ <p> به قرمز تغییر می‌کند، حتی اگر قوانین دیگری وجود داشته باشند که مقدار دیگری برای ویژگی رنگ مشخص کرده باشند.


ویژگی‌های کلیدی !important:

  1. نادیده گرفتن قوانین خاص بودن:
    • دستور !important بر قوانین با خاصیت بیشتر یا آن‌هایی که دیرتر تعریف شده‌اند، اولویت دارد.
  2. بالاترین اولویت:
    • حتی استایل‌های داخلی (inline styles) نیز با !important لغو می‌شوند.

<p style=“color: blue;”>این متن قرمز خواهد بود.</p>

<style>

p {

color: red !important;

}

</style>

  1. نادیده گرفتن ترتیب (Cascading):
    • قانون !important روند طبیعی ترتیب قوانین در CSS را می‌شکند.

موارد استفاده:

  1. رفع سریع مشکلات:
    • برای رفع سریع مشکلات و اعمال تغییرات فوری بدون تغییر ساختار CSS.
  2. غلبه بر استایل‌های کتابخانه‌های خارجی:
    • برای بازنویسی استایل‌های تعریف‌شده در کتابخانه‌ها یا فایل‌های خارجی که نمی‌توان آن‌ها را ویرایش کرد.
  3. اعمال استایل‌های حیاتی:
    • زمانی که مطمئن هستید یک استایل خاص نباید با هیچ قانون دیگری بازنویسی شود.

نکات بهترین استفاده:

  1. استفاده محدود:
    • استفاده بیش‌ازحد از !important می‌تواند کدنویسی و نگهداری CSS را دشوار کند.
    • استفاده زیاد نشان‌دهنده ضعف در معماری CSS است.
  2. اجتناب در استایل‌های پایه:
    • از استفاده در استایل‌های عمومی و پایه که ممکن است در بخش‌های دیگر استفاده شوند خودداری کنید.
  3. جایگزین‌ها:
    • به جای استفاده از !important، می‌توانید از راهکارهای زیر استفاده کنید:
      • افزایش خاص بودن انتخابگر.
      • بازنویسی استایل‌ها به روش منطقی‌تر.

مثال بدون استفاده از !important:

/* افزایش خاص بودن انتخابگر */

div p {

color: green;

}

مثال با استفاده از !important:

p {

    color: blue !important;

}

div p {

     color: green; /* این قانون نادیده گرفته می‌شود */

}

برچسب ها: قانون !important،ویژگی‌های کلیدی !important:،نادیده گرفتن ترتیب (Cascading):،
در تلگرام
کانال ما را دنبال کنید!
Created by potrace 1.14, written by Peter Selinger 2001-2017
در آپارات
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

CSS Aural Reference
Web Safe Fonts
CSS Animatable
PX to EM Conversion
CSS Legal Color Values
CSS Default Values Reference

دیدگاهتان را بنویسید لغو پاسخ

جستجو برای:
دسته‌ها
  • مقالات
نوشته‌های تازه
  • CSS Aural Reference
  • Web Safe Fonts
  • CSS Animatable
  • PX to EM Conversion
  • CSS Legal Color Values
درباره زرین لرن

ما برند زرین لرن را نامگذاری کردیم، زیرا برای ما بهترین علامت های تجاری ساده هستند. مارک ها رشد می کنند در توانایی آنها درک می شود.

فهرست سفارشی
  • صفحه اصلی اول
  • بلاگ
  • تماس با ما
  • حساب کاربری من
  • درباره ما
  • سبد خرید
  • فروشگاه

طراحی شده توسط گروه فنی مهندسی زریم هور

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت