如何在不使用耦合或绝对大小的情况下调整li标签的大小?

我的印象是,设置列表项样式的最佳方法是包装其内容,将样式应用于ol,并通过wapper覆盖该样式(如上所述) Make ABC Ordered List Items Have Bold Style ).

HTML格式:

<ol>
<li><p>First item</p></li>
<li><p>Second item</p></li>
</ol>

CSS格式:

ol {
  font-size 2em;
}
p {
  font-size: .5em;
}

上面的内容将使ol的字体大小正确地增加一倍,并将包含p的字体大小减半(即,它将保持原来的大小)。希望你能看到这里的问题——如果我想将li的字体大小增加三倍,我还必须将p的字体大小更改为.33,以抵消相对的增加。

我想以最佳实践的名义使用相对大小,但也希望避免这种讨厌的耦合。有没有办法让我既吃蛋糕又吃蛋糕?我知道这没什么大不了的,通常这只是相对尺寸的工作原理,但耦合是由 几乎