Kichaguzi cha Mukhitisha katika CSS

Kichaguzi cha mukhitisha, kinachowakilisha amri ya nafasi (' '), huruhusu kuchagua vitambulisho vilivyomo ndani ya mzazi aliyepewa

Sinaksia

csskichaguzi1 kichaguzi2 {
  
}

Mfano

Wacha tuelekeze kwa vitambulisho vyote p ndani ya vitambulisho div na kuvipaka rangi nyekundu:

html<div>
  <p>
    maandishi
  </p>
  <p>
    maandishi
  </p>
</div>

cssdiv p {
  color: red;
}

Результат:

Mfano

Wacha tuelekeze kwa vitambulisho vyote p ndani ya kipengele chenye #elem na kuvipaka rangi nyekundu:

html<div id="elem">
  <p>
    maandishi
  </p>
  <p>
    maandishi
  </p>
</div>

css#elem p {
  color: red;
}

Результат:

Mfano

Wacha tuelekeze kwa vitambulisho vyote p ndani ya vipengele vilivyo na darasa .block na kuvipaka rangi nyekundu:

html<div class="block">
  <p>
    maandishi
  </p>
  <p>
    maandishi
  </p>
</div>

css.block p {
  color: red;
}

Результат:

Mfano

Wacha tuelekeze kwa vitambulisho vyote b ndani ya vitambulisho p, vilivyomo ndani ya vitambulisho div na kuvipaka rangi nyekundu:

html<div>
  <p>
    maandishi <b>+</b>
  </p>
</div>

cssdiv p b {
  color: red;
}

Результат:

Angalia pia