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

Question

Accepted Answer

## Суть
Специфичность — числовой вес селектора (кортеж a,b,c: ID / классы-атрибуты-псевдоклассы / элементы-псевдоэлементы). Больший вес побеждает при конфликте объявлений одного origin/importance.

## Примеры

```css
a { color: blue; }                 /* 0,0,1 */
.nav a { color: navy; }            /* 0,1,1 */
#menu a { color: black; }          /* 1,0,1 */
:where(.nav) a { color: teal; }    /* :where → 0 специфичности */
:is(.nav, .footer) a { }           /* вес аргумента */
```

`!important` вне этой шкалы (сравнивается отдельно). Inline style выше ID.

## Итог
Считайте вес, избегайте ID в стилях, используйте `:where()` для низкоспецифичных утилит. Дублирует тему specificity — отвечайте чуть глубже про `:is`/`:where`.