[RISOLTO]ID unici è solo una buona norma? ma perchè?

[frasigno]

CIaoa a tutti
Ho un dubbio riguardo i CSS che pur cercando su internet e leggendo le risposte non riesco a chiarirmi.
Ovvero la differenza tra ID e CLASS, la spiegazione generale su gli ID è che devono essere utilizzati quando  sappiamo che un elemento sarà unico.
Ma è solo una buona norma questa, perchè cmq posso assegnare a più elementi in una pagina uno stesso ID.
MI fareste un esempio di un elemento unico in una pagina, vorrei capire se non si segue questa norma a quali problemi potremmo andare incontro.

Grazie
Franco

[tonicopi]

Io non ho questi dubbi. L'ID deve essere univoco, mentre la classe può essere ripetuta.
http://www.w3schools.com/css/css_syntax.asp
Tanto mi basta e non mi arrovello il cervello a cercare altre cose.
Che poi i browser si sforzino di interpretare al meglio anche una sintassi scorretta è un altro paio di maniche... 

[giusebos]

immagina tu abbia un div che si debba contrarre/distendere, se avessi più div con lo stesso id si contrarrebbero o distenderebbero tutti e non non sarebbe l'effetto voluto.

Si usa una classe quando vogliamo applicare l'effetto a tutti i div (o contenitori) con quella classe.

per completezza scrivo anche il codice che potrebbe togliere qualche dubbio ai posteri.

Codice: [Seleziona]

<div id"pippo">testo testo testo</div>avrà una regola css scritta così

Codice: [Seleziona]

#pippo {...}mentre una classe sarà così scritta

Codice: [Seleziona]

<div class"pippo">testo testo testo</div>e questa sarà la regola css

Codice: [Seleziona]

.pippo {...}
inoltre aggiungo che le classi possono essere "cumulate" come i punti di certi concorsi e che se insieme alla classe si vuole inserire un id, questo deve essere inserito per primo:

Codice: [Seleziona]

<div class="pippo topolino paperino">testo testo testo</div>

.pippo {...}
.topolino {...}
.paperino {...}



Codice: [Seleziona]

<div id="pippo" class="topolino paperino">testo testo testo</div>
#pippo {...}
.topolino {...}
.paperino {...}



[frasigno]

Grazie a entrambi per le risposte