Selectores estructurales en CSS

Seleccionar por posición: fila por medio, las primeras, la última.

tbody tr:nth-child(2n) {
  background: rgb(255 255 255 / 3%);
}

.steps li:nth-child(-n + 3) {
  font-weight: 600;
}

.chips > *:last-child {
  margin-inline-end: 0;
}

p:first-of-type::first-line {
  letter-spacing: 0.04em;
}

Cómo funciona

1. nth-child(2n) es cada segundo hijo.
2. nth-child(-n + 3) toma los tres primeros.
3. nth-of-type cuenta solo a los hermanos del mismo elemento.

Palabras clave y builtins usados aquí

• background
• em
• rgb

El intento, en números

Líneas

15

Caracteres a escribir

218

Tokens

61

Ritmo de tres estrellas

70 tpm

Al ritmo de tres estrellas de 70 tokens por minuto, este intento toma unos 52 segundos.

Escribe este fragmento

Paso 6 de 6 en Selectores; paso 6 de 26 en Selectores y el modelo de caja.

← Anterior Siguiente →