Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <html> <head> <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>
