CSS [ diferença entre #f1 e .f1

[luiscarlos5046 3]

Ai galera do CSS,Qual a diferença em se criar classes com "#xxx" e com ponto ".xxx"O que muda entre os dois ??Luis Carlos

[vdepizzol 0]

o # cria para ids... ex:<div id="rodape">Texto</div>o . (ponto) para class... ex:<span class="alerta">Texto</span>

[Illidan 0]

Bom, a diferença é que você deve ter apenas 1 objeto com um determinado "id" na página. Já com o "class", você pode ter vários com o mesmo parâmetro...

 

Por exemplo, você tem apenas 1 objeto chamado "menu-principal", mas tem vários objetos que são "item-menu". Sacou?

 

Se você tiver 2 objetos com o mesmo ID, o CSS até funfa sem problemas... mas o Javascript pode se comportar de forma errada. Por exemplo, quando você usa o método document.getElementById()... ele vai pegar só 1 dos objetos com esse "id".

 

beleza? ;)