Урок 12. Каскад, наследование и специфичность

📁 Раздел: Основы CSS ⏱️ Время изучения: ~45 мин 🎯 Сложность: Начальная
#p #hover #style

⚡ Кратко

Каскад решает, какое правило победит, если несколько правил претендуют на одно свойство. Важны источник стилей, специфичность селектора, порядок правил и наследование.

О чём этот урок

Каскад решает, какое правило победит, если несколько правил претендуют на одно свойство. Важны источник стилей, специфичность селектора, порядок правил и наследование.

CSS называется каскадным, потому что итоговое значение свойства выбирается из нескольких конкурирующих правил.

Результат после урока

  • Вы объясняете основную идею темы своими словами.
  • Пишете рабочий HTML/CSS-фрагмент без копирования вслепую.
  • Понимаете типичные ошибки и умеете их проверить в браузере.

Практика

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

Навигация