[CSS] inserire id e classe nello stesso tag

[colde]

Ciao raga,
oggi mi sono messo ad approfondire un po i css e vorrei avere una conferma da voi su una cosa. Mettiamo il caso che nel mio file esterno ho inserito un id con relativa classe, quando li richiamo nella pagina HTML devo per forza separare i due oggetti vero? Nel senso che non posso fare così:

<div id="nome" class="nome"></div>

ma bensì devo suddividerli su due tag così:

<div id="nome">
<div class="nome">
</div>
</div>

C'è un sistema per inserire il tutto in un tag unico oppure sono obbligato a fare questa suddivisione?

Grazie per le delucidazioni.

[xnet]

puoi mettere sia l'uno che l'altro...
però ricorda che id è un identificativo unico e può essere usato una sola volta in una pagina (DOM)
se invece vuoi creare uno stile per diverse parti del testo bisogna usare le classi

[iguane]

Originariamente inviato da colde
Ciao raga,
oggi mi sono messo ad approfondire un po i css e vorrei avere una conferma da voi su una cosa. Mettiamo il caso che nel mio file esterno ho inserito un id con relativa classe, quando li richiamo nella pagina HTML devo per forza separare i due oggetti vero? Nel senso che non posso fare così:

<div id="nome" class="nome"></div>

ma bensì devo suddividerli su due tag così:

<div id="nome">
<div class="nome">
</div>
</div>

C'è un sistema per inserire il tutto in un tag unico oppure sono obbligato a fare questa suddivisione?

Grazie per le delucidazioni.

Puoi fare così

#block{

..tuo stile

}


e poi lo richiami così

<div id="block">.....</div>

Tieni presente però che l'ID deve essere univoco

[saintex]

ciao,
in linea di massima imposti una classe quando hai vari elementi da formattare nello stesso modo.

Imposti un id quando l'elemento da formattare in un determinato modo è uno solo.

Puoi anche fare una cosa di questo genere:

<div class="mieiDiv" id="divDiverso"><div>

in questo caso l'emento in questione eredita la formattazione della classe.

Poi puoi precisare la formattazione grazie all'id.

es:

la classe "mieiDiv" rende tutti gli elementi a cui la classe è applicata rossi di sfondo e con il carattere verde.

poi l'elemento "idDiverso" (a cui è anche applicata la classe "mieiDiv")
avrà il carattere giallo, pur rimanendo rosso di sfondo.

un po' di sintassi:

.mieiDiv{
background:"red";
color:green;
}

#divDiverso {
color:yellow;
}

[colde]

ok grazie!

[colde]

Una cosa, io non posso associare ad una classe svariati id, così:

.testo #intestazione_tabelle {
FONT-SIZE: 11px;
FONT-FAMILY: verdana;
color:#1c9b38;
text-align: center;
font-weight: bold;
}
.testo #dati_tabelle {
FONT-SIZE: 11px;
FONT-FAMILY: verdana;
color:black;
text-align: center;
}

Ma posso fare il contrario cioè:

#testo .intestazione_tabelle {
FONT-SIZE: 11px;
FONT-FAMILY: verdana;
color:#1c9b38;
text-align: center;
font-weight: bold;
}
#testo .dati_tabelle {
FONT-SIZE: 11px;
FONT-FAMILY: verdana;
color:black;
text-align: center;
}

Oppure dico fesserie? Avevo provato ad associare diversi id ad una classe ma non mi veniva formattato, magari sbagliavo io.

Inoltre ho provato a formattare un sito utilizzando CSS, il sito è dinamico in ASP e mi visualizza una tabella con diversi campi. Ad ogni campo gli ho associato lo stesso id e classe e non mi da problemi di visualizzazione anche se l'id è stato ripetuto. Come mai?