Clases e ids en CSS

Las clases son para estilos; los ids, para anclas y etiquetas — sus pesos difieren.

.card {
  padding: 1rem;
  border-radius: 0.5rem;
  background: #14161c;
}

.card.featured {
  outline: 2px solid #7c5cff;
}

#page-title {
  font-size: 2rem;
  letter-spacing: -0.02em;
}

Cómo funciona

1. Un selector de clase empieza con .; uno de id, con #.
2. Un id pesa más que cualquier cantidad de clases, y por eso cuesta sobrescribirlo.
3. Dos clases en un selector exigen que ambas estén presentes.

Palabras clave y builtins usados aquí

• background
• em
• outline
• padding
• px
• rem

El intento, en números

Líneas

14

Caracteres a escribir

175

Tokens

45

Ritmo de tres estrellas

70 tpm

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

Escribe este fragmento

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

← Anterior Siguiente →