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

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> <span><p>Параграф 3, в div- не дочерний, а потомок.</p></span> </div> <p>Параграф 4, не в div.</p> </body> </html>

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

Параграф 1, в div-дочерний (желтый фон).

Параграф 2, в div-дочерний (желтый фон).

Параграф 3, в div- не дочерний, а потомок.

Параграф 4, не в div.


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