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 |