محاسبه Specificity در CSS
وزن (specificity) یک یا چند سلکتور CSS را به فرمت [a, b, c, d] محاسبه کنید و آنها را با نوار بصری مقایسه کنید.
#header .nav a:hover
[0, 1, 2, 1]
inline: 0ID: 1کلاس/اتریبیوت/pseudo-class: 2عنصر/pseudo-element: 1
.card > p
[0, 0, 1, 1]
inline: 0ID: 0کلاس/اتریبیوت/pseudo-class: 1عنصر/pseudo-element: 1
button.primary[disabled]
[0, 0, 2, 1]
inline: 0ID: 0کلاس/اتریبیوت/pseudo-class: 2عنصر/pseudo-element: 1
فرمت [a, b, c, d]: a = استایل inline (همیشه صفر است چون این ابزار روی متن سلکتور کار میکند)، b = تعداد ID، c = تعداد کلاس/اتریبیوت/pseudo-class، d = تعداد عنصر/pseudo-element. مقایسهی واقعی specificity رقمبهرقم از چپ به راست انجام میشود، نه با جمعکردن اعداد؛ نوار بصری فقط یک شاخص تقریبی است. توابع pseudo تودرتو (مثل :not(:not(...))) بهطور کامل پشتیبانی نمیشوند.
ابزارهای مرتبط
ساخت QR Codeاز هر متن یا آدرسی بهصورت زنده یک QR Code بسازید — با اندازهی دلخواه و خروجی PNG یا SVG.فشردهسازی HTMLکامنتها و فاصلههای اضافی HTML را حذف کنید و درصد کاهش حجم را ببینید.فشردهسازی CSSکامنتها و فاصلههای اضافی CSS را حذف کنید و درصد کاهش حجم را ببینید.رمزنگاری و رمزگشایی Base64متن یا فایل تصویر را به Base64 تبدیل کنید یا رشتهی Base64 را به متن اصلی برگردانید.فرمتکنندهی JSONJSON را پرتیپرینت یا فشرده کنید و در صورت نامعتبر بودن، خط خطا را ببینید.دیکد کننده JWTتوکن JWT را به Header، Payload و Signature تجزیه کنید و زمان انقضای آن را ببینید.