Что такое ITCSS или методология BEM?

Question

Accepted Answer

## Две разные оси

- **BEM** — соглашение об **именах**: `block__element--modifier`, низкая специфичность, явная структура компонента.
- **ITCSS** — соглашение о **порядке слоёв** файлов: settings → tools → generic → elements → objects → components → utilities (от общего к частному, специфичность растёт аккуратно).

```css
/* BEM */
.card__title { }
.card__title--lg { }
.card--featured { }
```

Их сочетают: ITCSS как архитектура папок/каскада, BEM как нейминг внутри components. Альтернативы: OOCSS, SMACSS, utility-first.

## Итог

BEM отвечает «как назвать», ITCSS — «в каком слое и порядке жить стилю». Вместе снижают хаос в большом CSS.