Практика на селекторы

Напишите селектор, который выберет абзацы, расположенные внутри дивов div. Проверьте ваш селектор на следующем коде:

<div> <p> выбрать </p> <p> выбрать </p> </div> <div> <p> выбрать </p> </div> <p> не выбирать </p> <p> не выбирать </p>

Напишите селектор, который выберет все h2, расположенные внутри дивов div. Проверьте ваш селектор на следующем коде:

<div> <h2>выбрать</h2> <p> не выбирать </p> <p> не выбирать </p> </div> <div> <h2>выбрать</h2> <p> не выбирать </p> </div> <h2>не выбирать</h2> <p> не выбирать </p>

Напишите селектор, который выберет все абзацы p из элемента с id, равным block. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2>не выбирать</h2> <p> выбрать </p> <p> выбрать </p> </div> <div> <h2>не выбирать</h2> <p> не выбирать </p> </div> <h2>не выбирать</h2> <p> не выбирать </p>

Напишите селектор, который выберет все h2 из элемента с id, равным block. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2>выбрать</h2> <p> не выбирать </p> <p> не выбирать </p> <h2>выбрать</h2> <p> не выбирать </p> </div> <div> <h2>не выбирать</h2> <p> не выбирать </p> </div> <h2>не выбирать</h2> <p> не выбирать </p>

Напишите селектор, который выберет все элементы с классом bbb. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">выбрать</h2> <p class="bbb"> выбрать </p> <p> не выбирать </p> <h2 class="bbb">выбрать</h2> <p> не выбирать </p> </div> <div class="bbb"> выбрать </div> <h2>не выбирать</h2> <p class="bbb"> выбрать </p>

Напишите селектор, который выберет все элементы с классом bbb из элемента с id, равным block. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">выбрать</h2> <p class="bbb"> выбрать </p> <p> не выбирать </p> <h2 class="bbb">выбрать</h2> <p> не выбирать </p> </div> <div class="bbb"> не выбирать </div> <h2>не выбирать</h2> <p class="bbb"> не выбирать </p>

Напишите селектор, который выберет все абзацы p с классом bbb. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> <p> не выбирать </p> <h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> </div> <div class="bbb"> не выбирать </div> <h2>не выбирать</h2> <p class="bbb"> выбрать </p>

Напишите селектор, который выберет все h2 с классом bbb. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">выбрать</h2> <p class="bbb"> не выбирать </p> <p> не выбирать </p> <h2 class="bbb">выбрать/h2> <p class="bbb"> не выбирать </p> </div> <h2>не выбирать</h2> <p class="bbb"> не выбирать </p> <h2 class="bbb">выбрать/h2> <p class="bbb"> не выбирать </p>

Напишите селектор, который выберет все абзацы p с классом bbb из элемента с id, равным block. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> <p> не выбирать </p> <h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> </div> <div class="bbb"> не выбирать </div> <h2>не выбирать</h2> <p class="bbb"> не выбирать </p>

Напишите селектор, который выберет все элементы с классом bbb и элементы с классом xxx одновременно (то есть нужно сгруппировать селекторы через запятую). Проверьте ваш селектор на следующем коде:

<h2 class="bbb">выбрать</h2> <p class="bbb"> выбрать </p> <h2 class="xxx">выбрать</h2> <p> не выбирать </p> <h2>не выбирать</h2> <p class="xxx"> выбрать </p> <div class="bbb"> выбрать </div>

Напишите селектор, который выберет все абзацы p с классом bbb и одновременно все h2 с классом xxx. Проверьте ваш селектор на следующем коде:

<h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> <h2 class="xxx">выбрать</h2> <p> не выбирать </p> <h2>не выбирать</h2> <p class="xxx"> не выбирать </p> <div class="bbb"> не выбирать </div>

Напишите селектор, который выберет все абзацы p с классом bbb из элемента с id, равным block и одновременно все абзацы p с классом xxx из из элемента с id, равным block. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2 class="bbb">не выбирать</h2> <p class="bbb"> выбрать </p> <h2 class="xxx">не выбирать</h2> <p> не выбирать </p> <h2>не выбирать</h2> <p class="xxx"> выбрать </p> <div class="bbb"> не выбирать </div> <div class="xxx"> не выбирать </div> </div> <h2 class="bbb">не выбирать</h2> <p class="xxx"> не выбирать </p>

Напишите селектор, который выберет все элементы с классом fff. Проверьте ваш селектор на следующем коде:

<div class="fff"> выбрать </div> <h2 class="fff">выбрать</h2> <p class="fff"> выбрать </p> <h2 class="bbb">не выбирать</h2> <p class="xxx"> не выбирать </p>

Напишите селектор, который выберет все абзацы p из элемента с классом fff. Проверьте ваш селектор на следующем коде:

<div class="fff"> <h2>не выбирать</h2> <p> выбрать </p> <p> выбрать </p> </div> <h2 class="fff">не выбирать</h2> <p class="fff"> не выбирать </p>

Напишите селектор, который выберет все абзацы p с классом fff. Проверьте ваш селектор на следующем коде:

<div id="block"> <h2>не выбирать</h2> <p> не выбирать </p> <p> не выбирать </p> <p class="fff"> выбрать </p> </div> <h2 class="fff">не выбирать</h2> <p class="fff"> выбрать </p>

Напишите селектор, который выберет все элементы с классом bbb из элемента с классом fff. Проверьте ваш селектор на следующем коде:

<div class="fff"> <h2 class="bbb">выбрать</h2> <p> не выбирать </p> <p> не выбирать </p> <p class="bbb"> выбрать </p> </div> <h2 class="fff">не выбирать</h2> <p class="bbb"> не выбирать </p>

Напишите селектор, который выберет все h2 с классом bbb из элемента с классом fff. Проверьте ваш селектор на следующем коде:

<div class="fff"> <h2 class="bbb">выбрать</h2> <p> не выбирать </p> <h2 class="bbb">выбрать</h2> <p> не выбирать </p> <p class="bbb"> не выбирать </p> </div> <h2 class="bbb">не выбирать</h2> <p class="bbb"> не выбирать </p> <p class="fff"> не выбирать </p>