Duplicar posibles:
How do I get this CSS text-decoration override to work?CSS text-decoration propiedad no puede ser anulado por elemento hijo
Echa un vistazo a este sencillo ejemplo:
<a href="#"> A <span>red</span> anchor </a>
a {
color:blue;
font-family:Times New Roman;
text-decoration:underline;
}
span {
color:red;
font-family:Arial;
text-decoration:none;
}
Demostración en directo:http://jsfiddle.net/5t9sV/
Como se puede ver en la demo en jsFiddle, el elemento SPAN anula los valores color
y font-family
propiedad de su elemento antecesor ancla. Sin embargo, la propiedad text-decoration
no se anula por alguna razón.
Supongo que algunas propiedades CSS pueden ser anuladas por elementos ancestrales, y algunas otras propiedades CSS no pueden.
¿Es eso así? Y si es así, ¿cómo puedo saber cuáles pueden y no pueden anularse?
si observa detenidamente al alternar el subrayado para su clase de tramo, verá que el subrayado cambia. Es solo que el subrayado no se detiene para la etiqueta de anclaje. –
@Stefan, por qué no hacer una respuesta: esa es la solución: el elemento principal es el que se subraya. Uno tendría que finalizar el elemento padre para detener el subrayado. No creo que haya un estilo de "fuerza sin subrayado" –
@Stefan No entiendo a qué te refieres. –