Sobes.tech
Junior

¿Qué diferencias conoces entre clases e ID en CSS?

sobes.tech AI

Respuesta de la IA

  • Unicidad: El ID es único en la página, la clase puede aplicarse a varios elementos.
  • Prioridad de especificidad: El ID tiene una prioridad de especificidad más alta (100) en comparación con la clase (10).
  • Selectores: El selector de ID se denota con #, el selector de clase con ..
  • Aplicación: El ID se usa generalmente para estilizar elementos individuales y únicos (por ejemplo, encabezado, pie de página), las clases para estilizar grupos de elementos con propiedades comunes (por ejemplo, botones de diferentes colores).
/* Estilizado por ID - se aplica solo a un elemento */
#header {
  background-color: blue;
}

/* Estilizado por clase - se aplica a varios elementos */
.button-primary {
  color: white;
  background-color: green;
}
Característica Clase ID
Unicidad No es único Es único
Prioridad 10 100
Sintaxis .nombre-clase #nombre-id
Aplicación Grupos de elementos Elementos únicos