Панорама
сайтов

CSS
Комбинатор соседних родственных элементов

Информационные технологии.

Пример кода


<html> <head> <style> div + p {background-color: yellow;} </style> </head> <body> <p>Выбрать все элементы p, которые размещаются сразу после элемента div.</p> <div> <p>Параграф 1, в div.</p> <p>Параграф 2, в div.</p> </div> <p>Параграф 4, не в div-соседний-желтый фон.</p> <p>Параграф 5, не в div-не соседний.</p> </body> </html>

Вывод на экран

Выбрать все элементы p, которые размещаются сразу после элемента div.

Параграф, 1 в div.

Параграф, 2 в div.

Параграф 4, не в div-соседний-желтый фон.

Параграф 5, не в div-не соседний.


Остались вопросы? Нужна помощь? Напишите администратору сайта.