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