Skip to main content

Калькулятор специфичности CSS

Рассчитайте и сравните специфичность CSS-селекторов. Понимание приоритета стилей для улучшения CSS-архитектуры.

🎯

Добавьте селекторы для сравнения их специфичности

Как читать специфичность

Инлайн
Прямая стилизация через атрибут style
ID
Выбор по #id
Классы / Атрибуты / Псевдоклассы
Выбор по .class, [attr], :hover и т.д.
Элементы / Псевдоэлементы
Выбор по div, p, ::before и т.д.
Поделиться
📖

Как использовать

Step 1

Введите селекторы

Введите селекторы

Введите CSS-селекторы

Step 2

Расчёт

Расчёт

Специфичность рассчитывается автоматически

Step 3

Просмотр результатов

Просмотр результатов

Проверьте значения специфичности и сравнение

Возможности

Мгновенный расчёт

Мгновенный расчёт специфичности при вводе селекторов

Сравнение селекторов

Сравнение специфичности нескольких селекторов рядом

Визуальное отображение

Отображение специфичности в виде (a, b, c) и столбчатой диаграммы

FAQ

Система определения приоритета селекторов: ID > класс > элемент.

🔗Похожие инструменты

🔐
Инструменты разработчика

Генератор паролей

Мгновенная генерация надёжных случайных паролей. Настройте длину и типы символов по своему усмотрению.

📋
Инструменты разработчика

Форматирование и валидация JSON

Форматирование и проверка данных JSON для удобного чтения. Поддержка настройки отступов и сжатия в одну строку (минификация).

🆔
Инструменты разработчика

Генератор UUID/GUID

Генерация UUID v4 одним нажатием. Массовая генерация до 100 UUID с настройками регистра и дефисов.

🔗
Инструменты разработчика

Генератор URL-слагов

Генерация SEO-оптимизированных URL-слагов из текста. Автоматическое удаление спецсимволов и транслитерация.

🕐
Инструменты разработчика

Конвертер Unix-меток времени

Конвертация между Unix-метками времени и читаемыми датами. Мгновенное получение текущей метки времени.

📷
Инструменты разработчика

Сканер QR-кодов

Считывание и декодирование QR-кодов из загруженных изображений. URL отображаются как кликабельные ссылки, а текст можно скопировать одним нажатием.