პსევდოკლასი 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;
}

Результат: