Diferencia entre CLASE e IDENTIDAD

[emedesing]

Hola , tengo una consulta que hace tiempo vengo dando vueltas, normalmente yo uso las identidades ( #identidad ) para dar a un div, alto, ancho, background, color etc. y las Clases ( . clase ) para dar formato a un texto, font famliy, color, font size ) basicamente lo que hago es utilizar solo las clases para dar formato a un texto.

Mi curiosidad es si hay alguna regla en cuanto para que es "lo que se debe usar una clase" y para que es lo que se debe utilizar "una identidad."

Agradecere su respuesta.

[kseso?]

Puedes pasar por este tema.

Ahí se mencionan algunas. Pero las propiedades que puedes aplicar a un "#algo" o a ".algo" en el css son las mismas.

[mediocre]

Respecto al css, las tanto a las etiquetas con el atributo clase, como a las que tienen el atributo id le puedes dar las mismas propiedades.

Id identifica inconfudiblemente a un elemento dentro de una página HTML, por lo que no debe haber 2 elementos con el mismo ID, sin embargo, elemento con el atributo class, pueden haber todos los que quieras, está pensado para añadirle a esa etiqueta propiedades css externo, por lo que si lo que quieres es darle el mismo estilo a muchos elementos es bastante mejor usar el atributo class.

[Dalvenjha]

Lo realmente útil en ambos casos es mezclarlos, ¿Por qué? porque asi puedo tomar el elemento desde dos ángulos distintos, podemos hablar de estilos para un elemento en cuanto a sus hermanos, por ejemplo, para los elementos de una lista, digamos que defino que estoy tendrán display:block; y float :left, vamos lo clásico para un menú, pero además que uno de ellos debe ser más ancho que los demás, pues bien, que más que usar su ID para ordenarle desde ahi que suceda esto.

Para mi una combinación de ambos es lo mejor.

Saludos!!

[emedesing]

Iniciado por Dalvenjha

Lo realmente útil en ambos casos es mezclarlos, ¿Por qué? porque asi puedo tomar el elemento desde dos ángulos distintos, podemos hablar de estilos para un elemento en cuanto a sus hermanos, por ejemplo, para los elementos de una lista, digamos que defino que estoy tendrán display:block; y float :left, vamos lo clásico para un menú, pero además que uno de ellos debe ser más ancho que los demás, pues bien, que más que usar su ID para ordenarle desde ahi que suceda esto.

Para mi una combinación de ambos es lo mejor.

Saludos!!

Bien me queda agradecer su respuesta, pero basado en la w3c, hay algo al respecto de este tema?, ua que al parecer estamos detallando en base a nuestros gustos y la forma que nos acomoda mejor, pero hay algo oficial al respecto basado en la w3c?

[mediocre]

Claro que lo hay, te cito lo que dice

id = name [CS]
This attribute assigns a name to an element. This name must be unique in a document.
class = cdata-list [CS]
This attribute assigns a class name or set of class names to an element. Any number of elements may be assigned the same class name or names. Multiple class names must be separated by white space characters.

En resumen, el mismo id sólo una vez por página, por que tiene más usos que el de añadir css.
Class todas las veces que quieras, incluso un mismo elemento puede tener más de una clase.

este es el enlace

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

[mediocre]

Ahm, y como decía Dalvenjha, hacer una combinación de ambos es muy útil.

[emedesing]

Iniciado por mediocre

Ahm, y como decía Dalvenjha, hacer una combinación de ambos es muy útil.

Muchas Gracias por sus respuestas. Fue sumamente didactico y util.

[jomaruro]

Hola:

Yo hice hace poco hice la misma consulta, me recomendaron estos artículos, uno de Undolog y otro de Cristalab, espero que te sean útiles.

Saludos.