¿Dónde puedo usar identificadores y clases? ¿Cuál es la diferencia entre ellos? ¿Hay alguna necesidad de que debamos usar obligatoriamente identificadores en nuestro CSS?¿Cuál es la diferencia entre clases e ID en CSS? Explique con ejemplos de dónde usar
Los identificadores están destinados a ser únicos, mientras que las clases son mejores para un "tipo" de elemento.
lo que podría tener algo como:
<ul id="menu">
....
</ul>
Debido a que es probable que sólo tienen 1 menú principal en su sitio.
Para las clases, sin embargo, es posible que tenga algo como:
<span class='author'>Paolo Bergantino</span>
O tal vez el estilo de la div que contiene una respuesta en este sitio:
<div class='answer'>....</div>
Debido a que no será múltiplo de éstos por página, son una clase de elementos. Piense en una identificación como el número de la seguridad social de un elemento. Cuando un elemento es lo suficientemente importante y es único, le das una identificación. Esto también ayuda con los sitios web dinámicos, ya que seleccionar elementos por ID es, de lejos, la forma más rápida, y si tiene varios elementos con la misma ID (lo que infringe esta práctica), Javascript no funcionará como se esperaba.
Desde el w3schools:
El Identificación atributo especifica un identificador único para un elemento HTML.
La identificación debe ser única dentro del documento HTML .
El atributo id puede ser usado por un JavaScript (a través del DOM HTML) o por CSS para hacer cambios de estilo o el elemento con el id especificado.
y
La clase atributo especifica un nombre de clase para un elemento.
El atributo de clase se usa principalmente para apuntan a una clase en una hoja de estilos. Sin embargo, también puede ser usado por un JavaScript (a través del HTML DOM) para hacer cambios en a elementos HTML con una clase especificada .
El atributo de clase no se puede utilizar en los siguientes elementos HTML: base, cabeza, html, meta, param, escritura, estilo, y el título.
Es posible asignar múltiples clases a un elemento HTML, p. Ej. . Esto le permite combinar varias clases CSS para un elemento HTML.
Una ID se refiere a un elemento específico (cada ID nunca debe usarse más de una vez); una clase se refiere a múltiples elementos.
Mientras que usa usa clases para todo, la separación entre "clases que solo ocurren una vez" (es decir, ID) y "clases regulares" es bastante útil para mantener su CSS significativo para usted.
.menu { ... } /* Err, how many of those did I have? */
#menu { ... } /* Ahh, THE menu. */
Una identificación identifica exactamente un elemento DOM, únicamente. Una clase identifica un grupo de elementos DOM relacionados.
Por ejemplo, es posible que tenga un único menú, de navegación único, identificado por un ID:
<div id="nav">...</div>
y dentro de ella tienen una serie de conjuntos de menús, cada uno de los cuales también se identifica de forma única y que pertenece a una clase común:
<div id="nav">
<ul id="content_menu" class="menu">...</ul>
<ul id="contact_menu" class="menu">...</ul>
<ul id="personal_menu" class="menu">...</ul>
</div>
corto y simple:
Las clases pueden ser utilizadas tantas veces como sea necesario (y están definidas por un período). Los Id. Solo se pueden usar en UN elemento (y están definidos por una libra).
<style>
.class {
font-size: 3em;
}
#id {
font-size: 3em;
}
</style>
<body>
<span class="class">I am a class</span>
<span class="class">Look at me, also a class</span>
<span id="id">I am special, you can only have one of me or I do not meet XHTML standards</span>
ejemplo GUD, agradable y gracias – Rajasekar
duplicado Posible, http://stackoverflow.com/q/544010/425313 –