css - div cssルールの影響を受ける子div要素を作成するには?

Question

メインのdivを持つhtmlがあります。

<div id="main_container">

その中に、各行にボタンがあるテーブルがあります。

  <tr>
    <td>open2</td>
    <td>CPI</td>
    ...
    <td class="left_border">
        <button>x</button>
    </td>
    <td class="left_border">
        <button>p</button>
    </td>
    <td class="left_border">
        <button>k</button>
    </td>
</tr>

div に適用された CSS ルールがあります。

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

このルールは、ボタンのフォント サイズには適用されないようです。ここで何が欠けていますか？

これは、完全な html + css のフィドルです。

http://jsfiddle.net/9YZuw/11/

注: フィドルを更新したので、ボタンに特定の css ルールはありませんが、フォント サイズはまだ親 div から派生していません。

ありがとう

Answer 1

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を使用してみてください..