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

CSS
Комбинатор потомков (пробел)

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

Пример кода


<html> <head> <style> div p {background-color: yellow;} </style> </head> <body> <div> <p>Параграф 1 в "div" - желтый фон.</p> <section><p>Параграф 2 в "div" - желтый фон.</p></section> </div> <p>Параграф 3 не в "div" - белый фон.</p> </body> </html>

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

Селектор потомков соответствует всем элементам, которые являются потомками "div" элемента.

Параграф 1 в "div" - желтый фон.

Параграф 2 в "div" - желтый фон.

Параграф 3 не в "div" - белый фон.

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