覆盖锚点颜色以继承默认颜色

Question

我正在尝试覆盖锚点颜色，并将颜色设置为通常没有链接的颜色。

原始代码

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

用于定位“右”/“文本”类的CSS选择器我尝试过：

a .right
{
    color:inherit;
}


a:link .right
{
    color:inherit;
}

似乎都没有工作。

Answer 1

在锚点上放置一个类，然后设置：

.yourAnchorClass { color: inherit; }

See fiddle example.

继承来自父元素。所以你所有的解决方案都在告诉div继承锚的颜色。顺便说一句，在div标记（内联元素中的块级元素）中有一个a实际上是无效的html。如果可以，最好将其更改为span，然后在display: block内的span元素上设置a。