CSS H2 sul secondo livello

[polliotto]

Ciao a tutti!
Come posso fare in modo, che la h2 della classe tools_right, prenda le proprietà indicate e non quello di colonna_center.

//css
#colonna_center h2
{
	font-family: Arial, Helvetica;
	color: #D91370;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
.tools_right h2
{
	font-weight:bold;
}
// la struttura
<div id="colonna_center">
    <h2>Prova<h2>
	<div> 
		<div class="tools_right">
		        <h2>questo è sub titolo</h2>
			bla bla
		</div>
	</div>
</div>

grazie

[pierofix]

I casi sono due: o resetti le impostazioni quando definisci ".tools_right h2" oppure punti al primo h2 in questo modo:

#colonna_center>h2 { /* ... */ }

ovvero punti all'h2 figlio di primo grado di #colonna_center. Quest'ultima soluzione, però, non è compresa da quel pirlone di IE.

[polliotto]

Eh infatti usando il child selector non funge sull ie
o resetti le impostazioni quando definisci ".tools_right h2"
Scusa per la mia ignorianza ma questo come posso fare?
Grazie

[pierofix]

Niente, semplicemente "rimetti le cose come erano prima". Se nel "#colonna_center h2" hai per caso un margine di 2em ma non lo vuoi in "#colonna_center .tools_right h2", allora lì lo reimposterai a zero.

Chiaro il concetto?

[polliotto]

se intendi quello ho già provato

 
.tools_right h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	text-align:left;
}
che dovrebbe sovvrascrivere 
#colonna_center h2
{
	font-family: Arial, Helvetica;
	color: #D91370;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

ma niente, ho provato in opera firefox, ie, netscape niente...
Grazie per la tua disponibilità
uff dove sbaglio???