为什么字体大小不从div传播到表？

时间：2019-04-04 23:41:11

标签： html css

我有一个非常简单的文档：

<html>

<body>
  <style type="text/css">
    div.main {
      font-size: smaller;
    }
  </style>
  <div class="main">
    Lorem ipsum dolor sit amet<br/>
    <span>Lorem ipsum dolor sit amet</span>
    <div>Lorem ipsum dolor sit amet</div>
    <table>
      <tbody>
        <tr>
          <td>Lorem ipsum dolor sit amet</td>
        </tr>
      </tbody>
    </table>
  </div>
</body>

</html>

这是我得到的渲染图：

Screenshot

我有两个问题：

  1. 与其他元素不同，为什么table不从其父项font-size继承div？

  2. 该问题的正确解决方法是什么？

1 个答案:

答案 0 :(得分：0)

在“用户代理样式表”下，您的表具有font-size：medium。这是浏览器的默认样式。因此，您正在运行设置该样式的浏览器（或浏览器中的模式）。这与您的.css定义无关。

相关问题
最新问题