Id e class

[starcraftworld]

Se ho due elementi del tipo:

<div id="rosso"></div>

e

<div class="rosso"></div>

e nel CSS scrivo:

#rosso {
    width:200px;
}

.rosso {
    width:100px;
} 

ottengo il primo div largo 200px e il secondo 100px oppure ci sono "conflitti" tra id e classe visto che hanno nomi uguali?

[carlomarangoni]

Originariamente inviato da starcraftworld
....ottengo il primo div largo 200px e il secondo 100px

Si!

oppure ci sono "conflitti" tra id e classe visto che hanno nomi uguali?

No! Nessun conflitto

[MEURI]

Mi censuro da solo

[Mich_]

oppure ci sono "conflitti" tra id e classe visto che hanno nomi uguali?

Se usi solo HTML e CSS la cosa probabilmente funziona.

Pero` con quel codice stai dando due nomi uguali a due oggetti diversi (l'oggetto <div> - con id="rosso" - e la classe - con class="rosso").

Il problema potrebbe saltar fuori in qualche browser al momento in cui si volessero utilizzare i nomi per qualcos'altro. Ad esempio potresti voler manipolare qualcuno degli oggetti, come aggiungere un attributo alla classe, o spostare il tuo div (cose che si possono fare tramite JS). A quel punto potrebbero sorgere conflitti, con risultati imprevedibili.

E comunque mi pare un po' masochistico aumentare la confusione: di solito il problema ce l'hanno poi i programmatori, non le macchine.