x
<html><head><meta http-equiv="content-security-policy" content="script-src 'none'"><style>div + p { background-color: yellow;}</style></head><body><h2>Соседний родственный селектор</h2><p>Селектор + используется для выбора элемента, который находится непосредственно после другого конкретного элемента.</p><p>В следующем примере выбирается первый элемент p, который помещается сразу после элементов div:</p><div> <p>Параграф 1 в div.</p> <p>Параграф 2 в div.</p></div><p>Параграф 3. После div.</p><p>Параграф 4. После div.</p><div> <p>Параграф 5 в div.</p> <p>Параграф 6 в div.</p></div><p>Параграф 7. После div.</p><p>Параграф 8. После div.</p></body></html>