0

当链接位于 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>
4

3 回答 3

1

尝试

h1 a, span a{
    font-size:inherit;
    font-family:inherit;
    color:inherit;
}
于 2013-03-07T12:53:42.170 回答
1

使用 CSSinherit关键字：

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

演示在这里。

于 2013-03-07T12:54:02.947 回答
1

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

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

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

于 2013-03-07T13:22:35.980 回答