Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : frasigno 13 Sep 2016, 19:35:04

: [RISOLTO]ID unici è solo una buona norma? ma perchè?
: frasigno 13 Sep 2016, 19:35:04
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
: Re:ID unici è solo una buona norma? ma perchè?
: tonicopi 13 Sep 2016, 19:54:52
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...  :)
: Re:ID unici è solo una buona norma? ma perchè?
: giusebos 13 Sep 2016, 20:46:37
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.

:
<div id"pippo">testo testo testo</div>avrà una regola css scritta così
:
#pippo {...}mentre una classe sarà così scritta
:
<div class"pippo">testo testo testo</div>e questa sarà la regola css
:
.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:

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

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



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







: Re:ID unici è solo una buona norma? ma perchè?
: frasigno 14 Sep 2016, 08:22:50
Grazie a entrambi per le risposte  ;)