CSS තෝරාගැනීමේ සංයෝජන පිළිබඳ පරිචය

Задание 1

div තුළ ඇති ඡේද තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

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

Задание 2

div තුළ ඇති සියලුම h2 තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

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

Задание 3

id අගය block වන මූලද්‍රව්‍යයෙන් සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

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

Задание 4

id අගය block වන මූලද්‍රව්‍යයෙන් සියලුම h2 තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

id අගය block වන මූලද්‍රව්‍යයෙන් 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>

Задание 7

bbb පන්තිය ඇති සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

bbb පන්තිය ඇති සියලුම h2 තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

id අගය block වන මූලද්‍රව්‍යයෙන් bbb පන්තිය ඇති සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

bbb පන්තිය ඇති සියලුම ඡේද p සහ එකවරම xxx පන්තිය ඇති සියලුම h2 තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

id අගය block වන මූලද්‍රව්‍යයෙන් bbb පන්තිය ඇති සියලුම ඡේද p සහ එකවරම id අගය block වන මූලද්‍රව්‍යයෙන් xxx පන්තිය ඇති සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

fff පන්තිය ඇති මූලද්‍රව්‍යයෙන් සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

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

Задание 15

fff පන්තිය ඇති සියලුම ඡේද p තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

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

Задание 16

fff පන්තිය ඇති මූලද්‍රව්‍යයෙන් bbb පන්තිය ඇති සියලුම මූලද්‍රව්‍ය තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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

fff පන්තිය ඇති මූලද්‍රව්‍යයෙන් bbb පන්තිය ඇති සියලුම h2 තෝරාගන්නා තෝරකයක් ලියන්න. ඔබේ තෝරකය පහත කේතයෙන් පරීක්ෂා කරන්න:

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>