我可以用非固定字体大小覆盖父元素(例如 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 上不起作用...
最佳答案
你不能。一旦设置了父元素的字体大小，就无法引用父元素的父元素的字体大小。
除了浏览器支持问题之外，rem 单位还指 root 元素的字体大小，该元素始终是 html HTML 文档中的元素。因此，如果将 body 字体大小设置为百分比，您可以间接将 p 字体大小设置为相对于它的字体大小，但只能在将其设置为相对于根元素的字体大小的意义。
在文档中混合 px 和 % 字体大小通常没有什么意义。
关于css - 使用非固定字体大小覆盖父元素固定字体大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14489480/