`:first-child / :last-child`

Seleccionan el primer o el ultimo elemento hijo dentro de su contenedor, sin necesidad de una formula.

Vista previa

Codigo

ejemplo.html

<style>
  li:first-child { text-decoration: underline; }
  li:last-child { font-style: italic; }
</style>
<ul>
  <li>Primero (subrayado)</li>
  <li>Del medio</li>
  <li>Ultimo (cursiva)</li>
</ul>