Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a HTML y CSS: diferencias entre clases (class) e identificadores (id)

Datos de búsqueda

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

Este documento está disponible en formato OpenDocument

Comentarios del artículo

Los comentarios están cerrados.

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)”

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{}

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.

Wlises R. dice:

Fecha de comentario: 2010/06/20 19:46

Bien, simple y concreto.
Gracias

Información del sitio