覆盖锚颜色继承默认颜色

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.

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