Outbook
HTML+CSS+JS, Accesibilidad, PHP y más
Inicio
Desarrollo web
CSS
HTML y CSS: diferencias entre clases (class) e identificadores (id)
HTML y CSS: diferencias entre clases (class) e identificadores (id)
El atributo id
El atributo id sirve para identificar de forma única a un elemento dentro de un documento HTML.
El valor del atributo id de un elemento no puede repetirse en ningún otro atributo id del mismo documento.
El id es la parte del selector CSS que más especificidad CSS da: un valor de 100.
El atributo class
El valor del atributo class puede repetirse cuantas veces sea necesario, incluso puede llevar más de una clase:
class=”claseUnica” -> atributo class con una sola clase
class=”clase1 clase2” -> atributo class con más de una clase
El valor del atributo class no tiene ningún valor identificativo del elemento que lo contiene, únicamente sirve para asociarle los estilos al elemento.
En cuanto a especificidad CSS tiene un valor de 10.
Saber más
Artículos relacionados:
Datos del artículo:
- Publicado el Miércoles 2 de enero de 2008 a las 23:00
- Archivado en CSS, Desarrollo web
- Etiquetas: Atributo class, Atributo id, Atributos HTML, Especificidad, HTML
- Seguimiento de comentarios (RSS 2.0).
Comentarios del artículo
Puedes comentar o hacer trackback desde tu propio sitio web.
Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.
Hay 3 comentarios a “HTML y CSS: diferencias entre clases (class) e identificadores (id)”
jervert dice:
Fecha de comentario: 2008/05/24 15:38
Un mismo identificador solo puede aplicarse a un elemento (no podemos tener dos o más tablas con el mismo ID).
En cambio, si podría haber dos o más tablas con la misma clase.











Andy dice:
Fecha de comentario: 2008/05/24 04:28
Ups no me queda claro… me pregunto si en tablas le doy una clase en id o class cual es la diferencia…
y cual es la diferencia en
.nombreclase{}
y
#nombreclase{}