Css

CSS: Id vs. class

0 313

En ocasiones he usado indiscriminadamente en mis hojas de estilo  el atributo id en lugar de las clases. La diferencia principal entre ambas es que el atributo id solo se puede aplicar a un elemento mientras que el atributo class se podía aplicar a múltiples.

El uso incorrecto de las clases sería definirlas para un único elemento. En cambio definir una id por cada elemento individual para estilos comunes sería incorrecto.

A la hora de definirlos los distinguimos mediante la colocación de un punto para las clases y una # para las id:

#header {} - id
.header {} - clase

Un posible uso incorrecto sería el siguiente:

#corporativo { color: red; font-size: 1.5em; text-decoration: none; }
#historia  { color: red; font-size: 1.5em; text-decoration: none; }
#contenido  { color: red; font-size: 1.5em; text-decoration: none; }
#destacado  { color: red; font-size: 1em; text-decoration: none; }

Como varios de nuestros elementos se repiten podemos aunar los elementos comunes:

.textocolor  { color: red; font-size: 1.5em; text-decoration: none; }
#destacado { font-size: 1em; }

Aunque el resultado de ambos es el mismo el segundo código es más ligero e inteligible en caso de aplicar algún cambio.

Compartir:

Posts relacionados

Deja una contestación

Tu email no será publicado. Los campos obligatorios están marcados *

5 × 2 =

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Publicidad

Publicidad

Comentarios recientes

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies