Selectores CSS

Bufa Snippets para Desarrollo web

Seleccionar solo el primer elemento :first-child

1
2
3
4
5
6
7
8
9
10

Seleccionar solo el último elemento :last-child

1
2
3
4
5
6
7
8
9
10

Seleccionar todos los elementos impares :nth-child(odd)

1
2
3
4
5
6
7
8
9
10

Seleccionar todos los elementos pares :nth-child(even)

1
2
3
4
5
6
7
8
9
10

Seleccionar sólo el 5º elemento :nth-child(5)

1
2
3
4
5
6
7
8
9
10

Seleccionar todos los elementos a partir del 5º elemento :nth-child(n+5)

1
2
3
4
5
6
7
8
9
10

Seleccionar solo los 3 primeros elementos :nth-child(-n+3)

1
2
3
4
5
6
7
8
9
10

Seleccionar cada 3º elemento a partir del 1º elemento :nth-child(3n+1)

1
2
3
4
5
6
7
8
9
10

Seleccionar solo el 3º elemento empezando por el último elemento :nth-last-child(3)

1
2
3
4
5
6
7
8
9
10

Seleccionar todos el 3º elemento empezando por el último elemento :nth-last-child(3)

1
2
3
4
5
6
7
8
9
10

Seleccionar solo los 3 últimos elementos :nth-last-child(-n+3)

1
2
3
4
5
6
7
8
9
10