Базовая идея
Правило = селектор + блок объявлений. Объявление = свойство + значение.
Пример
.button:hover {
color: #fff;
background-color: #111;
}
Есть at-rules: @media, @keyframes, @font-face, @layer, @supports. Комментарии — /* ... */. Вложенность нативно поддерживается современными браузерами (nesting).
Итог
Синтаксис декларативный: что выбрать → какие свойства задать. Ошибки в значении обычно делают объявление недействительным, не ломая весь файл.