Как писать чистый и поддерживаемый CSS?

Question

Accepted Answer

## Практический смысл

Цель — чтобы стили было легко читать, менять и не ломать соседние экраны.

## Практики

- Единая методология именования (`BEM`, `ITCSS` + короткие утилиты или CSS Modules / scoped).
- Избегать «магических» чисел и глубоких цепочек селекторов (`div div span`).
- Общие токены: цвета, отступы, шрифты — через custom properties.
- Слои ответственности: reset/normalize → layout → компоненты → утилиты.
- Не злоупотреблять `!important` и inline-стилями.

```css
:root {
  --space-2: 0.5rem;
  --color-text: #1a1a1a;
}
.card__title {
  margin-block-end: var(--space-2);
  color: var(--color-text);
}
```

## Итог

Поддерживаемость = предсказуемые имена, низкая специфичность, общие токены и понятная структура файлов.