Что такое каскад в CSS

Каскад в CSS — это механизм, который определяет, какие стили будут применены к элементу, когда несколько правил конфликтуют. Он работает по трём основным критериям: 1. **Источник стилей** (приоритет в порядке): - Стили браузера (user agent) - Пользовательские стили - Авторские стили (ваш CSS) - `!important` (ломает естественный порядок) 2. **Специфичность селектора**: Чем конкретнее селектор, тем выше его вес. Порядок: `!important` > `inline styles` > `#id` > `.class` > `element` 3. **Порядок объявления**: Если специфичность одинакова, побеждает последнее объявление в коде. **Пример**: ```css button { color: red; } /* 1. Селектор элемента */ .btn { color: blue; } /* 2. Селектор класса (побеждает) */ ``` ```html Кнопка ```