Селекторы дочерних элементов

На прошлом уроке мы рассмотрели селекторы потомков сейчас разберем селекторы дочерних элементов. Они отличаются от селекторов потомков тем, что позволяют выбрать элементы только первого уровня вложенности. Например:

<body>
    <h2>Заголовок</h2>
    <div>
        <p>Текст</p>
    </div>
</body>

Хотя вложенными в элемент body элементами являются целых три - h2, div, p, но дочерними из них являются только два - div и h2, так как они находятся в первом уровне вложенности. А элемент p находится на втором уровне вложенности, так как вложен внутрь элемента div, а не просто элемента body. Читать далее

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно 0	Как всё будет выглядеть в блоге: Селекторы дочерних элементов На прошлом уроке мы рассмотрели селекторы потомков сейчас разберем селекторы дочерних элементов Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/12786173/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Селекторы дочерних элементов </a> <div class="insert-intro" style="font-family:trebuchet MS;">На прошлом уроке мы рассмотрели селекторы потомков  сейчас разберем селекторы дочерних элементов </div> </div> Селекторы дочерних элементов <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/poleznyie-servisyi-i-programmyi-dlya-nachinayuschih-polzovatelej/12786173/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Селекторы дочерних элементов</a> <div style="font-family:trebuchet MS;">На прошлом уроке мы рассмотрели селекторы потомков сейчас разберем селекторы дочерних элементов </div> </div>

webguru

31.10.2016

В избранное Пожаловаться Просмотров: 299

Комментарии ⁰

Полезные сервисы и программы для начинающих пользователей 7268

Важные темы:

Активные участники:

Последние откомментированные темы:

Селекторы дочерних элементов

Комментарии временно отключены

Открытая группа
38976 участников