Опорная идея
Правило CSS состоит из селектора (что стилизуем) и блока свойств (как).
h1 { color: #4f46e5; font-size: 32px; }
Основные виды селекторов: • По тегу: p { … } — все абзацы. • По классу: .button { … } — все элементы с class="button". Класс можно повесить на много элементов. • По id: #header { … } — единственный элемент с id="header". id уникален на странице.
Классы — главный рабочий инструмент: <a class="button">. Если правила конфликтуют, побеждает более «весомый» селектор: id весомее класса, класс весомее тега. Это называется специфичностью.