Specificity Visualizer - специфичность CSS-селекторов

Specificity Visualizer - онлайн-инструмент с открытым исходным кодом, который показывает специфичность CSS-селекторов. Для его использования достаточно зайти на сайт, вставить CSS и нажать «Visualize it!».

Основной график показывает специфичность в зависимости от нахождения таблицы со стилями. Два других графика показывают правильное использование специфичности.