我需要.list
字体大小与主容器相关。我将其设置为62.5%,并向font-size
添加了1.5em .list
,但是此设置也增加了嵌套.list
项的文本大小。
我正在尝试实现与rem单元相同的行为,但是能够使用不同于body
的容器。
这可能吗?
.container {
font-size: 62.5%;
}
.list {
font-size: 1.5em;
}
<div class="container">
<ul class="list">
<li>
<div>
<div>
<strong>Free</strong> as a bird
</div>
</div>
<ul class="list">
<li>
<div>
<div>
<strong>Free</strong> as a bird
</div>
</div>
<ul class="list">
<li>
<div>
<div>
<strong>Free</strong> as a bird
</div>
</div>
<ul class="list">
<li>
<div>
<div>
<strong>Free</strong> as a bird
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>