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

एक सेलेक्टर लिखें जो block id वाले एलिमेंट से सभी पैराग्राफ p को चुनेगा। अपने सेलेक्टर को निम्नलिखित कोड पर जांचें:

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

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

Задание 4

एक सेलेक्टर लिखें जो block id वाले एलिमेंट से सभी 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

एक सेलेक्टर लिखें जो block id वाले एलिमेंट से 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

एक सेलेक्टर लिखें जो block id वाले एलिमेंट से 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

एक सेलेक्टर लिखें जो block id वाले एलिमेंट से bbb क्लास वाले सभी पैराग्राफ p और एक साथ block id वाले एलिमेंट से 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>