باید در بعضی استایل ها و پرونده های سی اس اس دیده باشید که در آخر بعضی دستورات از عبارت important! استفاده می کنند. مثلا:

float: right !important;

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

برای درک این قضیه، به این مثال توجه کنید:
فرض کنید ما یک تگ p داریم که دایرکشن اش چپ به راست است:

P {
direction: ltr;
}

حالا در استایلی جدا می خواهیم آن را راست به چپ کنیم:

P {
direction: rtl;
}

حالا ما برای این تگ p دو مقدار lrt و rtl داریم. مرورگر گیج می شود که :) مقدار موردنظر ما همان rtl است پس در آخر آن، یک important! می گذاریم تا مرورگر بی چون و چرا بلافاصله rtl را روی تگ p اجرا کند:

P {
direction: rtl !important;
}

همین دیگر :)

دیدگاه‌ها (27)

  • ممنون .استفاده کردم .

    پاسخ

  • مرسی علیرضا
    به نکته ظریف و قشنگی اشاره کردی

    پاسخ

  • قابلی نداشت

    پاسخ

  • چاکریم بازم از این کارا می کنم :))

    پاسخ

  • مرورگر خودش آخرین دستوری رو که به المنت نسبت داده باشید اعمال میکنه، دیگه نیازی به important! نیست.

    پاسخ

  • ممنون از نظرتون. من بارها به این مورد برخوردم و همیشه اینطور نیست که مرورگر آخرین دستور رو اجرا کنه. خصوصا اینکه پرونده ها جدا باشند!

    پاسخ

  • این یعنی چی؟
    چرا ما باید دو تا تگ با یه اسم تعریف کنیم که مجبور باشیم از important استفاده کنیم؟
    کاربردی داره؟

    پاسخ

  • دوتا تگ نه دوتا سلکتور برای یک تگ. عمدا این کار رو نمیکنیم که! فرض کنید که می خواین برای یه سایتی مثل توییتر یا فرندفید استایل بنویسید با استفاده از افزونه ی استایلیش یا گریزمانکی. خب شما میاین و مقادیر ِ سلکتورهای لازم رو تغییر می دین. استایل اصلی خود سایت هم هست. پس در نتیجه ما دو یا چندتا سلکتور برای یک تگ داریم. امیدوارم منظورم رو متوجه شده باشید :)

    پاسخ

  • مرسی خیلی مفید بود.

    پاسخ

  • خواهش میکنم :)

    پاسخ

  • بله منظورتون رو متوجه شده بودم اما فکر نمیکردم کاربردی داشته باشه که با توضیحتون متوجه شدم ;)

    پاسخ

  • بسیار عالی :)

    پاسخ

  • مطلب جالب و مفیدی بود . درضمن من بدجوری دنبال کتاب CSS For The Dummies هستم. خوشحال میشوم به سایت ما هم سری بزنید

    پاسخ

  • نکته جالب و مفیدی بود
    ممنون

    پاسخ

  • سلام.
    دوست عزيز وب سايت بسيار مفيدي داريد.
    در وبلاگم لينكتون كردم.
    اگر مايل بوديد، لينكم كنيد. اگر هم اين كار رو نكرديد، مشكلي نيست.
    موفق باشيد

    پاسخ

  • اصلا استعداد توضیح دادن نداری. ممنون

    پاسخ

  • خواهش می کنم البته داشتن آی کیو ِ نسبتا بالا هم شرط ه ;)

    پاسخ

  • خواهش میکنم

    پاسخ

  • لطف کردین ممنون :)

    پاسخ

  • با توجه به فرمایش شما این که در اینجا مشاهده می کنید چه معنایی دارد ؟ آیا تغییر در این موجب تغییر در هر دو صفحه انگلیسی وفارسی می شود؟

    پاسخ

  • بله؟!

    پاسخ

  • آقا خیلی ممنون , خوب پاکش کنیم بهتر نمیشه !؟

    ولی بازم ممنون !

    پاسخ

  • سلام
    مطلبت بسیار عالی بود
    فقط یک سوال , اینکه چطور Source ها رو تو یه چیزی مثله Code Tag قزار میدی ؟
    افزونه ی خاصی داره ؟‌ چون من فکر نکنم که ویرایشگر خود وردپرس این امکان رو داشته باشه
    راستی من لینکتون کردم توی وبلاگم اگر مایل بودین شما هم بزارین لینک منو ..
    موفق و سربلند باشید ..

    پاسخ

  • بهتر نیست یه تغییری توی سیستم کاری سایتت بدی اینقدر هم اراجیف ننویس بینندرو فراری میدی!

    پاسخ

  • @Mr.Soren
    متوجه نشدم رفیق.

    پاسخ

بازتاب‌ها (1)

دیدگاه خود را ارسال کنید


می‌توانید از برخی کدهای HTML استفاده نمایید:


<a> <b> <blockquote> <i> <em> <code> <strong>