Разберёмся
Комбинатор — символ между простыми селекторами, задающий связь в дереве.
| Комбинатор | Пример | Значение |
|---|
| потомка | .a .b | .b внутри .a |
| дочерний | .a > .b | прямой ребёнок |
| соседний | .a + .b | сразу следующий sibling |
| общий sibling | .a ~ .b | все следующие siblings |
form > .field + .field { margin-top: 0.75rem; }
Специфичность комбинаторов сама по себе не добавляет «очков» — считаются простые селекторы в цепочке.
Итог
Четыре классических комбинатора — must-know для junior-собеседования.
