Как работает приоритетность стилей в CSS

Приоритетность стилей в CSS определяется по следующим правилам: 1. **!important** - наивысший приоритет 2. **Inline-стили** (атрибут style) 3. **ID селекторы** (#id) 4. **Классы, атрибуты, псевдоклассы** (.class, [type="text"], :hover) 5. **Элементы и псевдоэлементы** (div, ::before) 6. **Наследование и браузерные стили** При равной специфичности побеждает последний объявленный стиль. Пример: ```css /* Специфичность: 0,0,1 */ div { color: red; } /* Специфичность: 0,1,0 */ .container { color: blue; } /* Специфичность: 1,0,0 */ #header { color: green !important; } /* Победит #header из-за !important */ ```