Anular color de anclaje para heredar el color predeterminado

Question

Intento anular el color del ancla y configurar el color para que sea lo que normalmente hubiera sido sin el vínculo.

Código Original

<a href="..."> 
    <div class="right"> 
     <div class="text"> 
      Some Text 
     </div> 
    </div> 
</a> 

selectores CSS que se dirigen a las clases "texto" "derecha"/me han tratado:

a .right 
{ 
    color:inherit; 
} 


a:link .right 
{ 
    color:inherit; 
} 

Tampoco parece estar funcionando.

Answer 1

Deja una clase en la propia ancla y luego configure:

.yourAnchorClass { color: inherit; } 

See fiddle example.

La herencia es de la elemento padres. Entonces, todas sus soluciones están diciendo al div s que hereden el color del anclaje. Por cierto, en realidad es inválido html tener un div dentro de una etiqueta a (un elemento de nivel de bloque dentro de un elemento en línea). Si puede, sería mejor cambiarlos a span y luego establecer display: block en los elementos de tramo dentro del a.