Duda con herencia de atributos en CSS

[Tximis]

Buenas,

Me ha salido una duda con la herencia de atributos en CSS, pongo el código y me explico:

Código:

.menuSuperior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B5ABA;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing:0px;
}



a.menuSuperior:hover {
	color: #FFFFFF;
	//text-decoration: none;
}

¿Se supone que a.menuSuperior:hover hereda los atributos de .menuSuperior, no es así?

El caso es que en Mozilla al pasar por encima de los enlaces me aparecen subrayados, en Internet Explorer no. Para que me aparezcan en ambos navegadores sin subrayar tengo que descomentar la linea..

Un saludo.

[KnowDemon]

Creo que no se heredan de la manera que esperas. En efecto, hay que especificar la decoración del texto para hover, etc...

Es cosa de ver las especificaciones CSS...

[PascalC]

yo no veo diferencia de comportamiento entre FF1.0 y IE6SP2

[Tximis]

Buenas,

Vale, creo que ya he encontrado el motívo. Había puesto la línea comentada con "//", este forma de comentar funciona en Firefox, pero no en Internet Explorer.

Ahora poniendo esto:

Código:

.menuSuperior {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B5ABA;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	letter-spacing:0px;
}



a.menuSuperior:hover {
	color: #FFFFFF;
	/* text-decoration: none; */ 

En los dos navegadores aparecen subrayados los enlaces, por lo tanto no se hereda el atributo text-decoration: none;,y yo pensaba que se iva a heredar.. ¿Este es el comportamiento natural? Supongo que sí. ¿Algun texto que se centre en la herencia en CSS?

Saludos.

[PascalC]

La doc oficial CSS, que dice que text-decoration no se herede sino que puede propagarse, o sea que el tema es algo complicado ;)

[Durgeoble]

Lo tienes mal hecho, no se debe comentar sino indicar como debe verse

text-decoration: underline;

[kemie]

espera... como tienes tu codigo html?
si tienes
<a class="menuSuperior" href="...>link</a>


entonces esta bien tu css. pero si por el contrario, tienes:
<div class="menuSuperior">
<a href="...>link</a>
</div>

tu css deberia de ser:
.menuSuperior a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #2B5ABA;
text-transform: uppercase;
text-decoration: none;
text-align: center;
letter-spacing:0px;
}



.menuSuperior a:hover {
color: #FFFFFF;
text-decoration: underline;
}