使用em作为标题

Question

我是em的新手.到目前为止我总是使用px,但现在是时候继续了.我被我的标题困住了.我有一个H2和一个H6具有相同的造型

font-size:1.2em;
line-height:1.2em;

当我将两个标题放在同一个父元素中时,它们以不同的大小显示.怎么可能？它们是相对于父项还是它们相对于它们自己的默认字体大小.

谢谢

http://jsfiddle.net/SBAHa/1

Answer 1

根据您发送的链接 ( joets.be/test/index.html)，发生这种情况的原因是标题元素内有一个锚标记。

H2内部<a>有附加的字体大小样式，而 H6 内部则没有。如果您将 1.2em 样式应用于而<a>不是标题，那么这将起作用。

所以本质上，这样做：

h2 a, h6 a{
    font-size:1.2em;
    line-height:1.2em;
}

编辑：我已经查看了 CSS 文件本身，您可以删除第 339 行中的“h2 a”吗？