En CSS. Cuál es la diferencia entre ID y CLASS

Ya tengo mucho tiempo escribiendo codigo CSS pero sin embargo casi siempre usaba CLASS.

¿Motivo?. Creo que me perdi la primera leccion de CSS. 
El resultado era que a veces no lograba estructura bien mi codigo.

La diferencia es la siguiente: 

Según RAMM de Foros del Web:”ID es para un elemento unico en el documento HTML, de hecho si intentas ponerle el mismo id a varios elementos el validador te arrojara un error, diciendo que el ancla ya esta definida.”

“CLASS se usa para aplicar estilos iguales a varios elementos HTML, es decir, una clase es una serie de estilos definidos que se pueden usar muchas veces en cualquier etiqueta HTML.”

Un ejemplo preciso: Lo dio JesusBet de foros del web:

<div id=”derecha” class=”menu“>
<ul>
<li><a href=”#”>Item</a></li>
<li><a href=”#”>Item</a></li>
<li><a href=”#”>Item</a></li>
</ul>
</div>

<div id=”izquierda” class=”menu“>
<ul>
<li><a href=”#”>Item</a></li>
<li><a href=”#”>Item</a></li>
<li><a href=”#”>Item</a></li>
</ul>
</div>

Como se aprecia. El ID es unico y un mismo CLASS se puede aplicar a diferentes objetos.
Este es un concepto antiguo pero muy importante para los que recien inician.

One thought on “En CSS. Cuál es la diferencia entre ID y CLASS”

  1. Entiendo como fuincionan los 2!, pero me parece mas practico usar Class enves de ID por que el ID lo puedo usar una sola vez! o sea que de bueno tiene esto? es eso lo que no entiendo!

Leave a Reply

Your email address will not be published. Required fields are marked *