პსევდოკლასი last-child

პსევდოკლასი last-child ირჩევს ელემენტს, რომელიც მშობლის ბოლო შთამომავალია.

სინტაქსი

cssსელექტორი:last-child {
  
}

მაგალითი

ამ მაგალითში ჩვენ წითელ ფერს გავაკეთებთ იმ li-ს, რომელიც თავისი მშობლის ბოლო შთამომავალია (ბოლო ol-ს შიგნით):

html<ul>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: