:nth-child e :last-child no CSS

Alguns exemplos de como usar :nth-child e :last-child no CSS, consideramos aplicar em uma lista mas você poderá utilizar de diversas formas no seu código.

Selecionar o terceiro elemento de uma lista por exemplo:

:nth-child e :last-child no CSS

li:nth-child(3) {
   background-color: blue;
   color: white;
}

Selecionar os quatro elementos a partir do primeiro:

:nth-child e :last-child no CSS

li:nth-child(-n+4) {
   background-color: blue;
   color: white;
}

Selecionar  todos os elementos menos os quatro primeiros:

:nth-child e :last-child no CSS

li:nth-child(n+5) {
   background-color: blue;
   color: white;
}

Selecionar o primeiro elemento a cada três:

:nth-child e :last-child no CSS

li:nth-child(3n+1) {
   background-color: blue;
   color: white;
}

Selecionar os ímpares:

:nth-child e :last-child no CSS

li:nth-child(odd) {
   background-color: blue;
   color: white;
}

Selecionar os pares:

:nth-child e :last-child no CSS

li:nth-child(even) {
   background-color: blue;
   color: white;
}

Selecionar o penúltimo elemento:

:nth-child e :last-child no CSS

li:nth-last-child(2) {
   background-color: blue;
   color: white;
}

Selecionar o último elemento:

:nth-child e :last-child no CSS

li:last-child {
   background-color: blue;
   color: white;
}

Selecionar o primeiro elemento somente:

:nth-child e :last-child no CSS

li:nth-child(1) {
 background-color: blue;
 color: white;
}
/* ou também: */
li:nth-child(-n+1) {
 background-color: blue;
 color: white;
}

* A pseudo-classe nth-child é parte dos seletores no CSS 3 e funciona na maioria dos browsers atuais (confira no caniuse a lista).

Mais exemplos: https://developer.mozilla.org/pt-BR/docs/Web/CSS/:nth-child

O link https://css-tricks.com/examples/nth-child-tester/  tem como testar a aplicação das regras em exemplos aplicados em tags html.

Outras Pseudo-classes: https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes