font-style作为子元素的基本样式，使用%或em

Question

如何在CSS font-style中声明为使用星形项目的子元素的基本样式，同时不使用固定的"px“值，只使用"em”或"%"？

我唯一想到的就是：

* {
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
  font-size: 150%;
  box-sizing: border-box;
}

table, tbody, form, tr, td  {
  font-size: inherit;
}

有没有更好的方法？

注意:声明第一个font-size以便按比例依赖于浏览器的默认字体大小。它适用于所有字体，除了那些在子元素下的字体(如td)。

td字体大小是150%，然后tr字体大小是150%，然后它的父tbody，如果 - 直接绑定到正文 - ，那么它的父表是150%，如果直接绑定到正文，则获得从一开始声明的150% (来自浏览器defalut的150%)。

为了修复最后一个子进程获得相同的font-size，我使用了font-size: inherit;

Answer 1

您键入的inherit错误：

table, tbody, form, tr ,td,  {
  font-size: inhereat;
}

执行以下操作：

table, tbody, form, tr ,td,  {
  font-size: inherit;
}

但是你也不需要上面的代码，因为你已经有了*的font-size，这意味着所有东西(*)都会有font-size。所以你不需要说inherit本身的font-size。

​

* {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 150%;
  box-sizing: border-box;
}

<p>Hello world!</p>

​

Answer 2

为什么不直接在body元素上设置字体大小呢？除非拥有自己的样式，否则所有子项都将继承。

​

body {
  font-family: sans-serif;
  font-size: 150%;
}

<p>Hello</p>
<table>
  <tr>
    <td>
      1
    </td>
    <td>
      2
    </td>
  </tr>
</table>

​