Назови специфичность CSS-селекторов в порядке увеличения приоритета.

Специфичность CSS-селекторов определяет, какой стиль будет применён, если несколько правил конфликтуют. В порядке увеличения приоритета специфичность выглядит так:

1. Типы селекторов (элементы) и псевдоэлементы — например, div, p, ::before.
2. Классы, атрибуты и псевдоклассы — например, .class, [type="text"], :hover.
3. ID-селекторы — например, #header.
4. Inline-стили — стили, прописанные непосредственно в атрибуте style элемента.

Пример:

/* Специфичность: 0,0,0,1 */
div {}

/* Специфичность: 0,0,1,0 */
.class {}

/* Специфичность: 0,1,0,0 */
#id {}

/* Специфичность: 1,0,0,0 */
style="color: red;" /* inline стиль */

Чем выше специфичность, тем приоритетнее правило.