x
<html><head><style>div > p { background-color: yellow;}</style></head><body><h2>Дочерний селектор</h2><p>Дочерний селектор (>) выбирает все элементы, которые являются дочерними элементами указанного элемента.</p><div> <p>Параграф 1 в div.</p> <p>Параграф 2 в div.</p> <section><p>Параграф 3 в div.</p></section> <!-- не дочерний, но потомок --> <p>Параграф 4 в div.</p></div><p>Параграф 5 не в div.</p><p>Параграф 6 не в div.</p></body></html>