Ответ
В CSS есть несколько комбинаторов для связи селекторов:
1. **Пробел** (потомок) — выбирает все элементы-потомки:
`div p { color: red; }` — все `
` внутри `
`
2. **>** (дочерний) — только прямые потомки:
`ul > li { margin: 0; }` — только ``, которые являются прямыми детьми `
- `
3. **+** (соседний) — следующий элемент сразу после:
`h2 + p { font-size: 1.2em; }` — первый `
` после `
` 4. **~** (родственный) — все элементы одного уровня после: `h2 ~ p { color: blue; }` — все `
` на том же уровне после `