cssطراحی سایت

جلسه ۲۵: محاسبه انتخاب در CSS

در این درس ، نحوه محاسبه انتخاب را خواهیم دید. شروع کنیم! موارد زیر را بیان خواهیم کرد یک محاسبه ساده برای برنده

یک محاسبه ساده برای برنده

اگر قانون برنده نتواند با بالاترین اولویت انتخاب شود ، زیرا قوانین بیشتری با همان اولویت وجود داشته باشد ، انتخاب پذیری محاسبه می شود. این محاسبه بسیار ساده است: این قانون بر اساس سه مقدار منبع در داخل انتخابگر ، یک مقدار انتخابی اختصاص داده می شود: A – تعداد انتخاب کنندگان شناسه B – تعداد انتخابگرهای کلاس ، انتخابگر ویژگی ها وpseudo-classes C – تعداد انتخاب نوع و pseudo-elemnts سپس ، این سه عدد به یک عدد واحد پیوند می خورند ، و مقدار انتخاب را در نظر می گیرند. انتخابگر universal نادیده گرفته می شود ، و انتخابگرهای داخلpseudo-classes:not() مانند سایر موارد محاسبه می شوند ، اما خود نفی به عنوان یک کلاس شبه حساب نمی شود. بیایید مثالی را مشاهده کنیم که در آن اظهارات ملک حذف شده است:
/* A=0, B=0, C=0 -> specificity = 0 */
*

/* A=0, B=0, C=1 -> specificity = 1 */
li

/* A=0, B=0, C=2 -> specificity = 2 */
ul li

/* A=0, B=0, C=3 -> specificity = 3 */
ul ol+li

/* A=0, B=1, C=1 -> specificity = 11 */
h1 + *[href$='http:']

/* A=0, B=1, C=3 -> specificity = 13 */
ul ol li.spec

/* A=0, B=2, C=1 -> specificity = 21 */
li.spec.next

/* A=1, B=0, C=0 -> specificity = 100 */
#myTag

/* A=1, B=0, C=1 -> specificity = 101 */
#yourTag:not(foo)
در درس بعدی ، ماهیت و کاربرد خصوصیات مکان را بررسی خواهیم کرد. گوش به زنگ باشید! 🙂

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

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

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

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