میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

important! در CSS

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی و فروشگاهی مدرسه کدنویسی ، امیدوارم که حال همه دوستان خوب باشه. لطفا در ادامه با آموزش important! در CSS با من همراه باشید.

با استفاده از دستور important! در CSS می توانیم تعریف کنیم که اولویت اجرای یک دستور ( یا ویژگی ) در CSS به بالاترین اولویت تبدیل شود و اولویت اجرای بقیه دستورات را لغو کند.

یعنی هر موقع خواستید ویژگی ای از CSS را تحت هر شرایطی بروی یک عنصر اعمال کنید می توانید از این دستور استفاده نمایید، ولی خب استفاده زیاد از این دستور اصلا پیشنهاد نمیشه به دلایل زیر :

معایب استفاده از این دستور :

  • پایین اومدن قدرت اشکال یابی ( ممکنه جایی از این دستور استفاده کرده باشید بعد حواستون نیست و جای دیگه میخواید مثلا رنگ متن تغییر کنه ، ولی هرکاری می کنید نمیشه چون در جای دیگه Important زدید )
  • پایین اومدن خوانایی کد
  • بستن دست خودتون در آینده برای ایجاد تغییرات

موارد استفاده از این دستور :

  • مثلا یک فایل CSS خارجی دارید و به کدهای این فایل دسترسی ندارید، ولی خب می خواید دستور CSS دلخواه خودتون بروی دستورات موجود در فایل خارجی بشیند ( یا رونویسی شود ) – مثلا در فایل خارجی رنگ متن تگ H2 آبی هست ولی خب شما میخواید قرمز باشه، پس خیلی راحت از دستور Important! استفاده می کنیم.

بفرض مثال یک تگ H2 تعریف کردیم بعد با استفاده از صفت Style امدیم و رنگ این تگ رو قرمز کردیم :

 

<h2 style="color:red;">سایت آموزشی مدرسه کدنویسی</h2>

 

خب صددرصد اگه مثال بالارو اجرا کنیم، میبینید که رنگ متن تگ H2 قرمز می باشد.

حال من میخوام در تگ Style دستور CSS بنویسم و دوباره بیایم برای تگ H2 تعریف کنم که رنگ متنش آبی شود . خب بنظره شما آیا رنگ متن آبی میشه؟ یا خیر؟

 

h2{
color:blue;
}

خب معلومه که آبی نمیشه، چون اولویت اجرای اون دستوری که درون صفت Style ( یعنی استایل درون خطی ) می باشد بیشتر از اون دستوری هست که درون تگ Style می باشد،

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

پس ما می خواهیم با استفاده از دستور important! رنگ اون تگ H2 رو آبی کنیم، خیلی راحت بصورت زیر ازش استفاده میکنیم :

Property_Name : Value [ !important ] ;


مثال شماره ۲ : استفاده در انتخابگر کلاس یا Class

.MyClass{
color:blue !important;
}

 


مثال شماره ۳ : استفاده در انتخابگر آی دی یا ID

 


امیدواریم آموزش important! در CSS نیز برای شما مفید واقع شده باشد و ادامه آموزش  آشنایی با css را دنبال کنید . برای مطالعه پست‌ها بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

 

cssimportant cssimportant css w3schoolsimportant در css چیستimportant! در CSSw3schoolsw3schools فارسیآموزش cssآموزش css از مقدماتی تا پیشرفتهآموزش css به زبان سادهآموزش css پروژه محورآموزش css پیشرفتهآموزش css حرفه ایآموزش css در htmlآموزش css رایگانآموزش css کاملآموزش css مبتدی تا پیشرفتهآموزش css مدرسه کدنویسیآموزش css مقدماتیآموزش css مقدماتی تا پیشرفتهآموزش css و htmlآموزش html css پروژه محور رایگانآموزش html css پیشرفتهآموزش html css مقدماتیآموزش ابتدایی cssآموزش برنامه cssآموزش برنامه نویسی cssآموزش تغییر cssآموزش تگ cssآموزش جامع cssآموزش دستورات cssآموزش زبان cssآموزش ساخت cssآموزش ساده cssآموزش سریع cssآموزش صفر تا صد cssآموزش طراحی وبآموزش طراحی وب با CSSآموزش قدم به قدم cssآموزش کامل css به زبان فارسیآموزش کامل css رایگانآموزش کامل css و htmlآموزش کامل تگ های cssآموزش کد cssآموزش کد های cssآموزش کدهای cssآموزش گام به گام cssآموزش نصب cssاستفاده از important در cssاموزش css خارجیاموزش css کلیک سایتاموزش css مبتدیاموزش افکت های cssاموزش انلاین cssاموزش پایه cssاموزش تگ های cssاموزش ساخت منو cssاموزش کدنویسی cssاموزش مقدماتی css pdfتگ important در cssدانلود آموزش css به زبان فارسیدانلود آموزش css پیشرفتهدستور important در cssساختار دستورات CSSسی اس اسفارسی w3schoolsکاربرد important در cssکتاب آموزش css فارسی
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟