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

Question

我试图覆盖锚色并将颜色设置为没有链接时通常会出现的颜色.

原始代码

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

用于定位"正确"/"文本"类的CSS选择器我尝试过:

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

似乎都没有工作.

Answer 1

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

.yourAnchorClass { color: inherit; }

见小提琴示例.

继承来自父元素.所以你所有的解决方案都在告诉divs继承锚的颜色.顺便说一句,实际上无效的html div内部有一个a标签(内联元素中的块级元素).如果可以的话,最好将它们更改为span然后设置display: block内部的span元素a.