CSS හි උරුමකැමි තේරීම සහ පංති

අපට පහත කේතය ඇතැයි සිතමු:

html<div class="block">
  <h2>Title</h2>
  <p>
    text
  </p>
</div>
<div class="block">
  <h2>Title</h2>
  <p>
    text
  </p>
</div>

.block පංතිය ඇති අංගය තුළ ඇති සියලුම h2 ශීර්ෂ සහ යන ඡේද තෝරාගෙන විවිධ වර්ණ වලින් තීන්ත ආලේප කරමු. මේ සඳහා උරුමකැමි තේරීම (තේරීම් අතර හිස් ස්ථානයක් ඇති එක) භාවිතා කරමු:

css.block h2 {
  color: red;
}
.block p {
  color: green;
}

html<p class="eee">
  text <i>italic</i>
</p>
<p class="eee">
  text <i>italic</i>
</p>
<div class="eee">
  text <i>italic</i>
</div>
<div class="eee">
  text <i>italic</i>
</div>