css - 覆盖 anchor 颜色以继承默认颜色

Question

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

a .right {
    color:inherit;
}
a:link .right {
    color:inherit;
}

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

似乎都不起作用。

Answer 1

在 anchor 本身上放置一个类，然后设置:

.yourAnchorClass { color: inherit; }

See fiddle example.

继承自parent 元素。所以你所有的解决方案都在告诉 div s 来继承 anchor 的颜色。顺便说一句，div 实际上是无效的 HTML4在 a 里面标记(内联元素内的 block 级元素)。如果可以，最好将它们更改为 span然后设置 display: block在 a 内的跨度元素上.