ereditarietà text-decoration

**degno** · 25-02-2012, 15:30

Nel div annidato (il secondo con il testo "non sottolineato orange") non riesco a sovrescrivere la proprietà text-decoration, è un bug?

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> 

<style type="text/css">  	
.nome {  		text-decoration: underline; 		color: black; 	}  	  
</style>  
</head> 


<body>  	
<div class="nome"> 		sottolineato nero 	</div> 

<div class="nome" style="text-decoration: none;color: orange;"> 		non sottolineato orange 	</div>   	

<div class="nome"> 		
<div  style="text-decoration: none; color: orange;"> 			non sottolineato orange 	</div> 	
</div>   

</body>   

</html>

**storm363** · 25-02-2012, 17:14

penso che vain conflitto con

codice:

.nome { text-decoration: underline; color: black; }

messo all'inizio nel tag style... prova a mettere accanto !important

**dany_92** · 27-02-2012, 12:29

se non hai risolto applica la classe al testo anziche al div

<p class="nome"> sottolineato nero</p>

**degno** · 27-02-2012, 15:13

La prima soluzione non mi funziona, la seconda è OK ma non è quello che mi interessa, vorrei capire perchè la mia soluzione che formalmente dovrebbe essere corretta non va; è un bug oppure è ion qualche modo prevista dalle specifiche ? (visto che tra l'altro il problema è cross-browser )

**dany_92** · 27-02-2012, 15:16

Ascolta me
sostituisci .nome con #nome
e poi div classe="nome" con div id="nome"

poi dimmi se funziona

**storm363** · 27-02-2012, 15:19

concordo con dany
vanno in conflitto il tag style all'inizio e lo stile che gli dai nel div, dovresti eliminare uno dei due

Discussione: ereditarietà text-decoration

Strumenti discussione

Ricerca discussione

Visualizza

ereditarietà text-decoration

Permessi di invio