Psewdoklass first-of-type

Psewdoklass first-of-type ata-enasynyň berlen tipdäki ilkinji nesli bolan elementleri saýlaýar. Ýagny, h2:first-of-type ýazsaňyz - ata-enada ilkinji ýerleşýän h2 tapylar (ata-enada ilkinji ýerleşýän elementiň özüni tapýan first-child psewdoklassyndan tapawutlylykda, bu ýerde diňe h2 elementiniň ilkinji bolmagy göz öňünde tutulýar).

Sintaksis

cssselektor:first-of-type {
  
}

Mysal

Ata-enadaky ilkinji abzasy tapalyň:

html<div>
  <h2>sözbaşy</h2>
  <p>abzas</p>
  
  <h2>sözbaşy</h2>
  <p>abzas</p>
  
  <h2>sözbaşy</h2>
  <p>abzas</p>
</div>

cssp:first-of-type {
  color: red;
}

Результат: