باید در بعضی استایل ها و پرونده های سی اس اس دیده باشید که در آخر بعضی دستورات از عبارت important! استفاده می کنند. مثلا:
float: right !important;
زمانی از این عبارت استفاده می کنیم که قرار است به یک عنصر در صفحه، بیش از یک دستور بدهیم. یعنی چی؟ فرض کنید ما می خواهیم یک پوسته ای را فارسی کنیم و استایل آن را راست به چپ کنیم. روش معمول هم برای این کار این است که یک استایل جدا برای آن تهیه کنیم و فقط دستورات ِ قسمت های لازم به فارسی شدن را در آن بنویسیم. در این صورت ما برای بعضی عناصر، دو دستور متفاوت داریم. به همین خاطر برای اینکه مرورگر بفهمد الویت با کدام دستور است، در آخر دستور موردنظر یک important! می گذاریم.
برای درک این قضیه، به این مثال توجه کنید:
فرض کنید ما یک تگ p داریم که دایرکشن اش چپ به راست است:
P {
direction: ltr;
}
حالا در استایلی جدا می خواهیم آن را راست به چپ کنیم:
P {
direction: rtl;
}
حالا ما برای این تگ p دو مقدار lrt و rtl داریم. مرورگر گیج می شود که :) مقدار موردنظر ما همان rtl است پس در آخر آن، یک important! می گذاریم تا مرورگر بی چون و چرا بلافاصله rtl را روی تگ p اجرا کند:
P {
direction: rtl !important;
}
همین دیگر :)








مجتی
در ۸۸/۰۱/۲۱ گفت:ممنون .استفاده کردم .
پاسخ
مرتضی
در ۸۸/۰۱/۲۱ گفت:مرسی علیرضا
به نکته ظریف و قشنگی اشاره کردی
پاسخ
علیرضا
در ۸۸/۰۱/۲۱ گفت:قابلی نداشت
پاسخ
علیرضا
در ۸۸/۰۱/۲۱ گفت:چاکریم بازم از این کارا می کنم :))
پاسخ
ali
در ۸۸/۰۱/۲۲ گفت:مرورگر خودش آخرین دستوری رو که به المنت نسبت داده باشید اعمال میکنه، دیگه نیازی به important! نیست.
پاسخ
Aeonian
در اسفند ۴م, ۱۳۸۹با سلام
در حقیقت مرورگر بر اساس اولویت هایی عمل می کنه و نه ترتیب نوشتن که در زیر از اولویت زیاد به کم براتون می گم:
۱) User Preference ها و هر چیزی که کاربر در لایه های داخلی تر به کار ببره بالاترین اولویت رو داره
۲) Local Style یا استایل های محلی
۳) id
4) کلاس ها
۵) Elements المنت ها
۶) Container Elements مانند Div، Table و …که استایل خود را برای زیر بخش ها به ارث می گذارند.
۷) body ، هر چیزی که در استایل Body تعریف گردد.
پاسخ
علیرضا
در ۸۸/۰۱/۲۲ گفت:ممنون از نظرتون. من بارها به این مورد برخوردم و همیشه اینطور نیست که مرورگر آخرین دستور رو اجرا کنه. خصوصا اینکه پرونده ها جدا باشند!
پاسخ
محمدرضا
در ۸۸/۰۱/۲۲ گفت:این یعنی چی؟
چرا ما باید دو تا تگ با یه اسم تعریف کنیم که مجبور باشیم از important استفاده کنیم؟
کاربردی داره؟
پاسخ
علیرضا
در ۸۸/۰۱/۲۲ گفت:دوتا تگ نه دوتا سلکتور برای یک تگ. عمدا این کار رو نمیکنیم که! فرض کنید که می خواین برای یه سایتی مثل توییتر یا فرندفید استایل بنویسید با استفاده از افزونه ی استایلیش یا گریزمانکی. خب شما میاین و مقادیر ِ سلکتورهای لازم رو تغییر می دین. استایل اصلی خود سایت هم هست. پس در نتیجه ما دو یا چندتا سلکتور برای یک تگ داریم. امیدوارم منظورم رو متوجه شده باشید :)
پاسخ
شقایق
در ۸۸/۰۱/۲۲ گفت:مرسی خیلی مفید بود.
پاسخ
علیرضا
در ۸۸/۰۱/۲۲ گفت:خواهش میکنم :)
پاسخ
محمدرضا
در ۸۸/۰۱/۲۲ گفت:بله منظورتون رو متوجه شده بودم اما فکر نمیکردم کاربردی داشته باشه که با توضیحتون متوجه شدم ;)
پاسخ
علیرضا
در ۸۸/۰۱/۲۲ گفت:بسیار عالی :)
پاسخ
milad
در ۸۸/۰۱/۲۳ گفت:مطلب جالب و مفیدی بود . درضمن من بدجوری دنبال کتاب CSS For The Dummies هستم. خوشحال میشوم به سایت ما هم سری بزنید
پاسخ
sadegh
در ۸۸/۰۱/۲۳ گفت:نکته جالب و مفیدی بود
ممنون
پاسخ
مجتبی
در ۸۸/۰۱/۲۴ گفت:سلام.
دوست عزیز وب سایت بسیار مفیدی دارید.
در وبلاگم لینکتون کردم.
اگر مایل بودید، لینکم کنید. اگر هم این کار رو نکردید، مشکلی نیست.
موفق باشید
پاسخ
Jamshid
در ۸۸/۰۱/۳۱ گفت:اصلا استعداد توضیح دادن نداری. ممنون
پاسخ
علیرضا
در ۸۸/۰۱/۳۱ گفت:خواهش می کنم البته داشتن آی کیو ِ نسبتا بالا هم شرط ه ;)
پاسخ
علیرضا
در ۸۸/۰۱/۳۱ گفت:خواهش میکنم
پاسخ
علیرضا
در ۸۸/۰۱/۳۱ گفت:;)
پاسخ
علیرضا
در ۸۸/۰۱/۳۱ گفت:لطف کردین ممنون :)
پاسخ
fardamm
در ۸۸/۰۲/۱۶ گفت:با توجه به فرمایش شما این که در اینجا مشاهده می کنید چه معنایی دارد ؟ آیا تغییر در این موجب تغییر در هر دو صفحه انگلیسی وفارسی می شود؟
پاسخ
علیرضا
در ۸۸/۰۲/۱۸ گفت:بله؟!
پاسخ
محمد
در ۸۸/۰۶/۲۶ گفت:آقا خیلی ممنون , خوب پاکش کنیم بهتر نمیشه !؟
ولی بازم ممنون !
پاسخ
رضا مرندی
در ۸۸/۰۸/۰۳ گفت:سلام
مطلبت بسیار عالی بود
فقط یک سوال , اینکه چطور Source ها رو تو یه چیزی مثله Code Tag قزار میدی ؟
افزونه ی خاصی داره ؟ چون من فکر نکنم که ویرایشگر خود وردپرس این امکان رو داشته باشه
راستی من لینکتون کردم توی وبلاگم اگر مایل بودین شما هم بزارین لینک منو ..
موفق و سربلند باشید ..
پاسخ
ساسان
در آذر ۱۱م, ۱۳۸۹SyntaxHighlighter یک افزونه قابل نصب روی وردپرس هست که این دوستمون هم ازش استفاده می کنند
پاسخ
Mr.Soren
در ۸۹/۰۶/۰۵ گفت:بهتر نیست یه تغییری توی سیستم کاری سایتت بدی اینقدر هم اراجیف ننویس بینندرو فراری میدی!
پاسخ
علیها
در ۸۹/۰۶/۰۵ گفت:@Mr.Soren
متوجه نشدم رفیق.
پاسخ
محسن کریمی
در ۸۹/۰۸/۲۴ گفت:سلام ممنون از مطلبتون
یک نکته می خواستم اضافه کنم اینکه در اون قسمتی که شما گفتید مرورگر گیج می شه! به نظر من صحیحتر اینه که بگیم مرورگر کد دوم رو انتخاب میکنه یا اونی که به سندمون نزدیکتر انتخاب میشه تو حالتی که شما گذاشتید و یا اونی که اولویت در نوع انتخاب داره مثلا اگه با id اگر شما خاصیتی به یک تگ بدید اولیتش بیشتر از کلاس و …. می باشد.
از مواردی که من دیدم و می تونم به مقالتون اضافه کنم جاهایی یا سایتهایی است که کاربرها تو اون می تونن با قراردادن کدهای css یا به صورت گرافیکی تنظیمات شخصی سازی رو سایت انجام بدن و در این صورت بعضی از کدهای css که دورتر هستند و باید اجرا شوند از این دستور استفاده میکنند! یا اولویت کمتری دارند ولی باید حتما اجرا شوند از این دستور استفاده میکنند
یا علی
پاسخ
علی
در ۸۹/۱۲/۰۲ گفت:مرسی بابت مطالب خوبی که میذاری
پاسخ
علیرضا
در ۸۹/۱۲/۲۸ گفت:بسیار علی بود. مرسی.
پاسخ
صدر!
در ۹۰/۰۹/۱۵ گفت:البته از important! برای درست نشان دادن قالب در IE هم استفاده میشه بخصوص ورژن ۶٫ بدین صورت که جلوی هر استایلی که قرار بگیره تنها قابل خوندن میشه برای مرورگر های جدید و یکی دیگه نوشته میشه برای IE و سایر مرورگرهای قدیمی. ممنون
پاسخ
میلاد
در ۹۰/۱۲/۰۸ گفت:یه سوال داشتم فرق این
font-family: 'tahoma';
با این
font-family:tahoma;
چیه؟
پاسخ
علیها
در اسفند ۱۵م, ۱۳۹۰از اون کوتیشن زمانی استفاده میشه که اسم فونت بیشتر از یک کلمه داشته باشه. مثلا فونت times new roman رو گر بخوایم بدیم باید با کوتیشن بنویسیم:
font-family: ‘times new roman’;
اما فونتهایی که اسمشون تک کلمهای هست رو نیازی نیست کوتیشن بگذاریم. مثلا همین فونت تاهوما نیازی به درون کوتیشن گذاشتن نداره.
پاسخ