Pseudotrieda last-child

Pseudotrieda last-child vyberá element, ktorý je posledným potomkom svojho rodiča.

Syntax

cssselektor:last-child {
  
}

Príklad

V tomto príklade nastavíme červenú farbu na ten li, ktorý je posledným potomkom svojho rodiča (posledným v rámci ol):

html<ul>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
  <li>položka zoznamu</li>
</ul>

cssli:last-child {
  color: red;
}

Результат: