Question

我可以使用非固定字体大小覆盖父元素（例如div）的固定字体大小。我有一个问题，对于特定的HTML页面，我希望元素使用相对于Body元素的字体大小而不是相对于父div。

我的HTML

<body id="templateBody">
    <div>
         <p>

我的CSS

body{
  font-size: 76%
}

div{
  font-size:11px
}

如何为p指定字体大小，使其与Body字体大小相对（％age）而不是固定div字体大小？反正有没有改变div的样式而覆盖div的固定字体大小？我尝试使用rem，但它在IE8上不起作用......

Answer 1

你做不到。一旦设置了父元素的字体大小，就无法引用父元素的父元素的字体大小。

rem单元除了浏览器支持问题外，还指 root 元素的字体大小，它始终是HTML文档中的html元素。因此，如果body字体大小设置为百分比，您可以间接将p字体大小设置为相对于它，但仅限于将其设置为相对于根元素的字体大小。

在文档中混合px和％字体大小通常没什么意义。

Answer 2

不幸的是没有。

您将不得不修改div的字体大小。