Что такое комбинаторы и группы селекторов в CSS?

Question

Accepted Answer

## Комбинаторы селекторов

**Комбинаторы** связывают простые селекторы:

- потомка (пробел): `A B`
- дочерний: `A > B`
- соседний следующий: `A + B`
- общий следующий sibling: `A ~ B`

**Группа** — перечисление через запятую с общими объявлениями:

```css
h1, h2, h3 {
  font-family: Georgia, serif;
}

article > p + p {
  margin-top: 1em;
}
```

## Итог

Комбинаторы задают отношение в дереве; группировка — просто DRY для одинаковых стилей.