我正在设置一个页面,其中文本的大小em
相对于单个父级。这使我可以在一处更改字体大小并影响整个站点。这是它如何工作的示例。
HTML:
<div class="parent">
Some Text
<div class="child">
Some Text
<div class="child">
Some Text
</div>
</div>
</div>
CSS:
.parent { font-size: 30px; }
.child { font-size: .8em; }
所以我理解它的方式是第一级的大小是 30px。每个子级别相对于父级大小为 0.8。所以层次结构应该是这样的:30, 24, 19, 15, 12, 10
. 当我对此进行测试时,情况就是如此。
这正是我想要设置我的标题的方式(h1
,,h2
等)。数字越大,字号越小。问题是它们不会像网站的其他部分一样被放入树中——它们将是独立的元素。
所以我的问题是:香草 CSS 中是否有任何方法可以使元素的字体大小相对于另一个元素?如果没有,是否有任何框架可以执行此功能?
谢谢!