Div e Selettori all'interno del DIV

[Gae58]

salve,

sto cercando di capire i div una volta per tutte.

Per capirci sto sviluppando il css una riga alla volta e facendo varie prove.

Sto provando un layout a 2 header e 2 colonne.

1° domanda :
in un div (il secondo header) devo utilizzare un menù orizzontale e vorrei settare a:link, hover ed altro con colori diversi rispetto a quelli generali

2° domanda:
Nel div verticale devo inserire la scritta MENU e vorrei che fosse grassetto centrata.

La soluzione è la stessa, nel senso che non ho capito come fare a settare nel css il selettore che dovrò usare all'interno del div.

nel CSS ho scritto questo comando:
DIV#Header2{background-color:yellow;
e qui vorrei inserire p.centrato{} o b.centrato{} per indicare che in questo div se uso il selettore paragrafo o il selettore bold mi deve mettere la scritta al centro del DIV

}
grazie

P.S.:
qualcuno mi spega la differenza tra:
DIV#Header2{background-color:yellow;}
e
#Header2{background-color:yellow;}

Nell'html uso
<div class="Header">

[Mich_]

Sembra che ti manchino le basi dei selettori.
In tal caso la soluzione e` leggersi un capitolo della guida (quella di HTML.it e` fatta bene, a mioparere).

Nella fattispecie:
DIV#Header2
e` sbagliato; forse volevi scrivere
div#Header2
e comunque e` equivalente a scrivere
#Header2
dato che si riferisce ad un oggetto definito:
<div id="Header2">
e che gli id devono essere unici nella pagina

Per dare lo stile all'oggetto (o agli oggetti - la classe puo` essere ripetuta)
<div class="Header">
devi usare il selettore
.Header
oppure
div.Header
(in questo caso puo` esserci differenza: ad esempio se nella pagina esiste anche
<span class="Header">
)

[Gae58]

quindi se ho capito bene devo leggere (meglio) ed approfondire il capitolo sui selettori.

E dall'esempio che mi hai fatto se scrivo:
div.Header
o
.Header

non c'è alcuna differenza, tanto all'interno del selettore utilizzerò class='Header'.

E per concludere l'ereditarietà che mi deriva dall'oggetto div è solo per i parametri che possono avere in comune i vari selettori.

Spero di aver usato i temrini giusti.

Se hai qualche altro consiglio o link per me va bene

Per il momento ti ringrazio

Gaetano

[ResianTaxidrive]

non è detto che non ci sia nessuna differenza

Come ti ha detto Mich, con "div.header" la regola verrà applicata a tutti i div che hanno come classe header mentre se scrivi ".header", la regola verrà applicata a tutti quegli oggetti che hanno come classe header (quindi non solo i div con classe header ma ad es. anche quelli che sono <span class="header">)

[Gae58]

Grazie per la risposta, ma mi serve un ulteiore chiarimento

div#header
e
div.header
solo uguai e vengono richiamati dai selettori rispettivamente con

id="header"
e
class="header"

In più :
div.header
può essere usato solo dai div che hanno settato il selettore div class="header"

mentre
.header
può essere usato da tutti i selettori che abbiano class="header"

ho capito bene?