Интихоби селекторҳои фарзандон дар CSS

Дар ҳамаи дарсҳои қаблӣ ҳамаи селекторҳо бояд унсури худро мегирифтанд. Мумкин аст, ки як селектор унсурро гирад, ва дигар селектор волидайни ин унсурро гирад.

Шумо аллакай медонед, ки агар ба волидайн, барои намуна, ранг дода шавад, он ранг аз ҷониби фарзанд мерос бурда мешавад. Аммо, агар ба фарзанд низ ранг дода шавад, он гоҳ селектори фарзанд афзалият бештар хоҳад дошт, нисбат ба селектори волидайн.

Ин маънои онро дорад, ки селектори теги фарзанд пирӯз мешавад аз синфи волидайн:

html<div class="block">
  <p>матн</p>
</div>

css.block {
  color: red;
}
p {
  color: green; /* ин ранг татбиқ карда мешавад */
}

Результат:

Селектори теги фарзанд низ пирӯз мешавад аз идентификатори волидайн:

html<div id="block">
  <p class="text">матн</p>
</div>

css#block {
  color: red;
}
.text {
  color: green; /* ин ранг татбиқ карда мешавад */
}

Результат: