Override Anchor color to inherit the default color
css, inheritance
Solution
Put a class on the anchor itself and then set:
.yourAnchorClass { color: inherit; }
See fiddle example.
Inheritance is from the parent element. So all your solutions are doing is telling the `div`s to inherit the color of the anchor. By the way, it is actually invalid HTML4 to have a `div` inside an `a` tag (a block level element inside an inline element). If you can, it would be best to change those to `span` and then set `display: block` on the span elements inside the `a`.
Problem
I'm trying to override the anchor color and set the color to be what it normally would have been without the link. ``` a .right { color:inherit; } a:link .right { color:inherit; } ``` ``` <a href="..."> <div class="right"> <div class="text"> Some Text </div> </div> </a> ``` Neither seem to be working.