Html css字体大小继承不适用

我有一个如下的结构

<div class="panel">
    <div class="product">
        <div class="title">My little pony</div>
    </div>
</div>

当我在浏览器中查看这一点时，似乎panel类的字体大小应用于标题div，firebug确实将面板样式显示为被划掉，但在标题div上切换字体大小时，大小没有差别

如果我切换面板类字体大小，那么我可以看到我期望的更改

这是怎么回事？我是不是漏掉了什么明显的东西

注：css已被简化

---

字体大小被覆盖（这就是为什么你在Firebug中看到它被划掉了），但是它实际上没有做任何事情，因为

em

s的相对性

1em

=父元素的字体大小。在您的情况下，这是

.panel

，字体大小为0.89em。因此，将

.product.title

的

字体大小设置为
1em
不会影响结果


计算所需任何像素值的em当量的公式

1 ÷ parent font size (px) × required pixels = em equivalent

（信用证：）

根据此公式，要获得所需的字体大小，需要将其设置为：

1.1235955056179775280898876404494

注意：浏览器无法渲染百万分之一像素，因此实际上只需要小数点后几位。
这在FFx和Chrome中适用，两者都是最新版本。您是否针对特定的浏览器？jsve如下所示，当其1与父容器相关时，将其设置为大于1，这与继承无关。你应该解释你想要什么，展示你是如何尝试的，并说出结果有什么问题。现在这个问题甚至没有具体说明目标是什么。我不知道问题不是继承，所以就我所知，我问了这个问题，我确实展示了我已经拥有的，我已经尝试过的（使用firebug）。我会告诉你，目标可能会更清晰，如果没有应用外部字体大小，那么是否有可能让字体大小看起来像外部字体大小一样，而不实际删除外部字体大小。试着看看我是否可以在不改变css的情况下脱身，但我猜这是行不通的。如果我的数学是正确的，我想我需要将它设置为1左右。12em@DanielPowell对请参见“我的编辑”，以了解需要将其设置为的（几乎）精确值。
1.1235955056179775280898876404494