Что такое специфичность в CSS?

Специфичность в CSS — это способ определения приоритета CSS-правил, когда к одному элементу применяются несколько конфликтующих стилей. Она рассчитывается на основе количества селекторов разных типов в правиле:

• Инлайн-стили (например, style="color: red;") имеют наивысший приоритет.

• ID-селекторы (#id) более специфичны, чем классы (.class) или теги (div).

• Универсальные селекторы (*) и каскадность имеют минимальный приоритет.

 Например:

#id { color: blue; } /* более специфично, чем */
.class { color: green; }