این آموزش در تاریخ ۱۴۰۰/۱۱/۰۵ آپدیت شده است.
آموزش دستور important در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش دستور important در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
دستور important در CSS
با استفاده از دستور important! در CSS میتونیم تعریف کنیم که اولویت اجرای یک دستور ( یا ویژگی ) در CSS به بالاترین اولویت تبدیل شود و اولویت اجرای بقیه دستورات را لغو کند.
یعنی هرموقع خواستید ویژگی ای از CSS ( لیست کامل ویژگی های زبان CSS ) رو تحت هرشرایطی بروی یک عنصر اعمال کنید میتونید از این دستور استفاده نمایید، ولی خب استفاده زیاد از این دستور اصلا پیشنهاد نمیشه به دلایل زیر :
معایب استفاده از این دستور :
- پایین اومدن قدرت اشکال یابی ( ممکنه جایی از این دستور استفاده کرده باشید بعد حواستون نیست و جای دیگه میخواید مثلا رنگ متن فلان شه، ولی هرکاری میکنید نمیشه چون در جای دیگه Important زدید )
- بستن دست خودتون در آینده برای ایجاد تغییرات
موارد استفاده از این دستور :
- مثلا یک فایل CSS خارجی دارید و به کدهای این فایل دسترسی ندارید، ولی خب میخواید دستور CSS دلخواه خودتون بروی دستورات موجود در فایل خارجی بشیند ( یا رونویسی شود ) – مثلا در فایل خارجی رنگ متن تگ H2 آبی هست ولی خب شما میخواید قرمز باشه، پس خیلی راحت از دستور Important! در سمت خودتون استفاده میکنید
Free-Learn
مثال از این دستور
مثال شماره ۱ : در مثال زیر یک تگ H2 تعریف کردیم بعد با استفاده از صفت Style اومدیم و رنگ این تگ رو آبی کردیم و همزمان دوباره در قسمت Head و تگ Style گفتیم رنگش قرمز بشه
|
1 2 3 4 5 |
<body> <h2 style="color:blue;">سایت آموزشی فری لرن</h2> </body> |
خب صددرصد اگه مثال بالارو اجرا کنیم، میبینید که رنگ متن تگ H2 آبی میشه، بله خب بایدم آبی باشه چون اولویت اجرای دستورات با صفت Style می باشد، یعنی هرچی داخل صفت Style باشه اجرا میشه، ولی خب آقا من میخوام رنگ اون تگ قرمز باشه
|
1 2 3 4 5 6 7 8 |
<style> h2{ color:red !important; text-align:center; } </style> |
Free-Learn
نکات و توضیحات
- دستور important یکمی لجبازه و باید حواستون بهش باشه، مثلا یجایی از important استفاده کردید و بعد دوباره شما در جای دیگه دارید سعی میکنید یه چیزی رو تغییر بدید ولی نمیزاره تغییرات شما اعمال بشه چون از important استفاده شده.
