first-child կեղծ-դասը

first-child կեղծ-դասը ընտրում է տարրը, որը ծնողի առաջին ժառանգն է:

Շարահյուսություն

cssընտրող:first-child {
  
}

Օրինակ

Այս օրինակում մենք կկարմրացնենք այն li տարրը, որը իր ծնողի առաջին ժառանգն է (առաջինը ol-ի ներսում):

html<ol>
  <li>ցանկի տարր</li>
  <li>ցանկի տարր</li>
  <li>ցանկի տարր</li>
  <li>ցանկի տարր</li>
  <li>ցանկի տարր</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: