IE7 CSS继承不起作用

小编典典

css

我已经为h2标签设置了一些样式（颜色，字体大小等），但是当我在其中放置“ A”标签时，样式就会作为链接。我的html：

<h2>
  <a class="no-decor" href="http://localhost/xxx/">Link</a>
</h2>

因此，如您所见，我创建了“ no-decor”类。它应该继承h2的“ a”标签样式。

a.no-decor {
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  text-decoration:inherit;
}

在Firefox上，一切都可以，但IE仍显示标记“ a”样式（带下划线的文本装饰和蓝色）。我知道，我可以为“ h2
a”设置某种样式，但是也许可以通过某种方式在IE7上强制CSS继承值？

IE6上的PS也不支持。

阅读 395

2020-05-16

共1个答案

小编典典

不，IE从不支持inherit任何属性-抱歉。此问题已在> = IE8中修复。

尽管您可以使用JavaScript修复程序将属性从复制h2到a，但这可能只是将相同的样式规则应用于这两个元素最简单：

h2, h2 a {
    font: something;
    color: black;
    text-decoration: none;
}

inherit无论如何，您都不需要设置文本装饰，因为装饰不会从父项继承到子项中：下划线效果作用于父项并遍历
子项。孩子不能删除它（模IE错误）。子项上的“文本修饰：无”是正确的选择，除非您可能需要两条下划线…

2020-05-16