Ereditarietà stile

[Gemini]

Ciao a tutti
ho questo:
<div class="text">
leggi tutto
</div>

.button_red{
float:left;

line-height:18px;
/*padding-left:15px;
padding-right:15px;*/
background-image: url(../immagini/leggi-tutto-red-studio-commerciale-andria.jpg);
font-family: Verdana, Geneva, sans-serif;
font-size:9px;
color:#ffffff;
text-align:center;
border:1px solid #940000;
cursorointer;
padding:3px 15px;
}

.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
text-align:left;
line-height:18px;
}

.text a{
color:#000000;
text-decoration:none;
}

Il problema è questo: invece di scrivere "leggi tutto" in bianco, lo scrive il nero. Prende il colore della classe text.
Come faccio ad evitare questo?
Grazie

[ResianTaxidrive]

ma stai facendo degli esperimenti acrobatici per testare le priorità dei css o vuoi soltanto scrivere il testo in nero e il "leggi tutto" in bianco?

[ResianTaxidrive]

a parte il fatto che a me con tutti i browser il "leggi tutto" lo vedo bianco

[Prill]

Puoi semplificare usando qualcosa del genere

a.red {
	display:block;
	width: 150px;
	height: 18px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background-image: url(indirizzo immagine);
	border:1px solid #940000;
}

...
leggi tutto

[Gemini]

ma che sperimentare!!!
il grafico mi ha passato il css in questo modo e ho notato che quando inserisco un tag 'a' mi fa il testo nero.
Io l'ho testato su ie, firefox, opera, chrome e safari, il testo esce nero

[Gemini]

ho trovato l'errore.
Il grafico ha usato 2 file css. in uno ho text e nell'altro button_red
ho messo tutto in un file e ora funziona
grazie a tutti

[ResianTaxidrive]

non volevo sfottere; è che c'èerano mille stili per il colore.
Uno in linea, uno sulla classe red_button, uno per il "text a"...ce n'erano un po' troppi e il casino è inevitabile.

[Gemini]

ma figurati
grazie dell'aiuto