cssطراحی سایت

جلسه ۲۴: اولویت های گروه selector در CSS

در این درس بیایید برخی از خصوصیات گروه selector را ببینیم.
موارد زیر را بیان خواهیم کرد

  • شش قانون گروه اولویت دار برای selector

شش قانون گروه اولویت دار برای انتخاب کنندگان

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

۱٫ گروه اولویت اول شامل قوانینی است که !important به آنها اضافه شده است. آنها همه قوانینی را که حاوی این اصلاح کننده نیستند نادیده می گیرند.

فرض کنید ، شما یک برچسب HTML دارید که تحت تأثیر این انتخاب کننده قرار دارد:

p { color: blue !important; }

مهم نیست که چند انتخابگر دیگر ویژگی رنگ را مشخص می کنند ، زیرا برچسب !important نشان می دهد که قانون p باید بر آنها پیروز شود.

توجه: شما همیشه باید برچسب !important را در انتهای اعلامیه مالکیت ، دقیقاً قبل از ویرگول آخر را قرار دهید.

 

۲.گروه اولویت دوم شامل قوانینی است که در ویژگی استایل یک برچسب HTML تعبیه شده است.

<h1 style=”color: green;”>Heading</h1>

۳.گروه اولویت سوم شامل قوانینی است که دارای یک یا چند انتخاب کننده شناسه است.

۴.گروه اولویت چهارم شامل قوانینی است که دارای یک یا چند کلاس ، ویژگی یا شبه انتخاب کننده هستند.

۵.گروه اولویت پنجم شامل قوانینی است که دارای یک یا چند انتخاب کننده عنصر است.

۶.و آخر اینکه ، گروه اولویت ششم (کمترین الویت) شامل قوانینی است که فقط یک انتخاب کننده universal دارند.

عالی است ، اکنون که به ویژگی های گروه انتخابگر پرداخته ایم ، اکنون زمان محاسبه انتخاب در درس بعدی فرا رسیده است.

آنجا میبینمت! 🙂

نوشته های مشابه

دیدگاهتان را بنویسید

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

دکمه بازگشت به بالا