Амалиёт дар комбинатсияҳои интихобкунандаҳои CSS

Задание 1

Интихобкунандае нависед, ки параграфҳоро, дар дохили дивҳои div ҷойгиршуда интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<div>
  <p>
    +++
  </p>
  <p>
    +++
  </p>
</div>
<div>
  <p>
    +++
  </p>
</div>

<p>
  ---
</p>
<p>
  ---
</p>

Задание 2

Интихобкунандае нависед, ки ҳамаи h2-ҳоро, дар дохили дивҳои div ҷойгиршуда интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<div>
  <h2>+++</h2>
  <p>
    ---
  </p>
  <p>
    ---
  </p>
</div>
<div>
  <h2>+++</h2>
  <p>
    ---
  </p>
</div>

<h2>---</h2>
<p>
  ---
</p>

Задание 3

Интихобкунандае нависед, ки ҳамаи параграфҳоро p аз унсуре бо id, баробар ба block интихоб мекунад. Интихобкунандаи худро дар коди зерин sanҷed:

html<div id="block">
  <h2>---</h2>
  <p>
    +++
  </p>
  <p>
    +++
  </p>
</div>
<div>
  <h2>---</h2>
  <p>
    ---
  </p>
</div>

<h2>---</h2>
<p>
  ---
</p>

Задание 4

Интихобкунандае нависед, ки ҳамаи h2-ҳоро аз унсуре бо id, баробар ба block интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<div id="block">
  <h2>+++</h2>
  <p>
    ---
  </p>
  <p>
    ---
  </p>
  
  <h2>+++</h2>
  <p>
    ---
  </p>
</div>
<div>
  <h2>---</h2>
  <p>
    ---
  </p>
</div>

<h2>---</h2>
<p>
  ---
</p>

Задание 5

Интихобкунандае нависед, ки ҳамаи унсурҳоро бо синфи bbb интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 6

Интихобкунандае нависед, ки ҳамаи унсурҳоро бо синфи bbb аз унсуре бо id, баробар ба block интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 7

Интихобкунандае нависед, ки ҳамаи параграфҳоро p бо синфи bbb интихоб мекунад. Санҷед Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 8

Интихобкунандае нависед, ки ҳамаи h2-ҳоро бо синфи bbb интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 9

Интихобкунандае нависед, ки ҳамаи параграфҳоро p бо синфи bbb аз унсуре бо id, баробар ба block интихоб мекунад. Санҷед Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 10

Интихобкунандае нависед, ки ҳамаи унсурҳоро бо синфи bbb ва унсурҳои бо синфи xxx бо ҳам (яъне бояд интихобкунандагонро тавассути вергул гурӯҳбандед). Интихобкунандаи худро дар коди зерин санҷед:

html<h2 class="bbb">+++</h2>
<p class="bbb">
  +++
</p>

<h2 class="xxx">+++</h2>
<p>
  ---
</p>

<h2>---</h2>
<p class="xxx">
  +++
</p>

<div class="bbb">
  +++
</div>

Задание 11

Интихобкунандае нависед, ки ҳамаи параграфҳоро p бо синфи bbb ва бо ҳамон вақт ҳамаи h2-ҳоро бо синфи xxx интихоб мекунад. Санҷед Интихобкунандаи худро дар коди зерин санҷед:

html<h2 class="bbb">---</h2>
<p class="bbb">
  +++
</p>

<h2 class="xxx">+++</h2>
<p>
  ---
</p>

<h2>---</h2>
<p class="xxx">
  ---
</p>

<div class="bbb">
  ---
</div>

Задание 12

Интихобкунандае нависед, ки ҳамаи параграфҳоро p бо синфи bbb аз унсуре бо id, баробар ба block ва бо ҳамон вақт ҳамаи параграфҳоро p бо синфи xxx аз унсуре бо id, баробар ба block интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<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>

Задание 13

Интихобкунандае нависед, ки ҳамаи унсурҳоро бо синфи fff интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<div class="fff">
  +++
</div>

<h2 class="fff">+++</h2>
<p class="fff">
  +++
</p>

<h2 class="bbb">---</h2>
<p class="xxx">
  ---
</p>

Задание 14

Интихобкунандае нависед, ки ҳамаи параграфҳоро p аз унсуре бо синфи fff интихоб мекунад. Интихобкунандаи худро дар коди зерин санҷед:

html<div class="fff">
  <h2>---</h2>
  <p>
    +++
  </p>
  <p>
    +++
  </p>
</div>

<h2 class="fff">---</h2>
<p class="fff">
  ---
</p>

Задание 15

Интихобкунандае нависед, ки ҳамаи параграфҳоро p бо синфи fff интихоб мекунад. Санҷед Интихобкунандаи худро дар коди зерин санҷед:

html<div id="block">
  <h2>---</h2>
  <p>
    ---
  </p>
  <p>
    ---
  </p>
  <p class="fff">
    +++
  </p>
</div>

<h2 class="fff">---</h2>
<p class="fff">
  +++
</p>

Задание 16

Интихобкунандае нависед, ки ҳамаи унсурҳоро бо синфи bbb аз унсуре бо синфи fff интихоб мекунад. Интихобкунандаи худро дар коди зерин sanҷed:

html<div class="fff">
  <h2 class="bbb">+++</h2>
  <p>
    ---
  </p>
  <p>
    ---
  </p>
  <p class="bbb">
    +++
  </p>
</div>

<h2 class="fff">---</h2>
<p class="bbb">
  ---
</p>

Задание 17

Интихобкунандае нависед, ки ҳамаи h2-ҳоро бо синфи bbb аз унсуре бо синфи fff интихоб мекунад. Интихобкунандаи худро дар коди зерин sanҷed:

html<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>