Selectores de elemento en CSS

Reglas ligadas al nombre del elemento, más la forma agrupada y la universal.

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, sans-serif;
  line-height: 1.5;
}

h1, h2, h3 {
  margin-block: 1.5rem 0.5rem;
  text-wrap: balance;
}

Cómo funciona

1. Una coma agrupa selectores que comparten un mismo bloque de declaraciones.
2. * coincide con todo — útil para un reset, costoso en el resto.
3. Entre reglas de igual especificidad gana la última.

Palabras clave y builtins usados aquí

• margin
• rem

El intento, en números

Líneas

14

Caracteres a escribir

169

Tokens

42

Ritmo de tres estrellas

70 tpm

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

Escribe este fragmento

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

Siguiente →