如何使子div元素受div css规则的影响？

我有一个html，它有一个主div

<div id="main_container">

这个规则似乎不适用于按钮的字体大小。 我错过了什么

这里是一个完整的html+css

注意：我已经更新了fiddle，所以现在按钮没有特定的css规则，但是它的字体大小仍然不是从它的父div派生的

谢谢

CSS

#main_container {
    font-size: 9px;
    font-family: tahoma;
    border: solid 3px rgba(78, 70, 70, 0.81);    
    display: inline-block;
}

删除此css或删除此处的字体属性

button {
    padding: 0px;
    width: 20px;
    font-size: 8px;
    font-weight: bold;
}

---

还可以尝试将em用于字体大小。

这是因为按钮元素（以及输入、选择和文本区域）没有继承某些属性，而字体大小就是其中之一

此css将对其进行分类：

button{font-size:inherit;}

---

在粘贴之前花一分钟格式化您的代码…在给定的提琴中，您专门为按钮提供样式。您已经为按钮定义了字体大小：8px。这就是为什么它不受父div样式的影响。您可以看到按钮“字体大小不依赖于div的字体！”！！最后，一个人给出了正确的答案，而其他人甚至没有测试就给出了答案。@omar bach，在设计和编程中有n种技巧和可能性。你对其中一个很满意……我对解决方案的几种备选方案没有问题，只是你的建议不起作用。

button {
    padding: 0px;
    width: 20px;
    font-size: 8px;
    font-weight: bold;
}

button{font-size:inherit;}