Question

当链接在h1和span标签内部时，我在制作继承颜色和大小的样式时遇到问题。如果他们在td内，他们应该以相同的方式行事。我已将所需的输出放在链接名称中。

JS小提琴：

http://jsfiddle.net/lasseedsvik/ym7M7/9/

风格

* {
    color: #000;    
    font-family: Times;
    font-size: 14px;
}

a {
    color: red;
}

h1
{
    font-family: arial, helvetica;
    font-size: 27px;
    color: green;
}

HTML

<div id="container">
    Default text color
    <br />
    <br />
    <a href="#">Red link . default font</a>
    <br />
    <h1><a href="#">Green link - Arial 27px</a></h1>
    <br />
    <span style="font-size: 18px"><a href="#">Red link - 18px default font</a></span>
</div>

Answer 1

尝试

h1 a, span a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
}

Answer 2

使用CSS inherit关键字：

h1 a, 
span a {
    color: inherit;
    font: inherit;
}

Demo up here

Answer 3

您可以使用inherit关键字来请求继承，但IE 7不支持它。通过明确声明您想要的内容，您可以获得更好的浏览器覆盖率，例如。

h1, h1 a
{
    font-family: arial, helvetica;
    font-size: 27px;
    color: green;
}

设置h1的直接内容和a中包含的任何h1元素的属性。

条件继承字体，大小和颜色

3 个答案: