如何在em不等于1的情况下，使所有嵌套列表项的大小相同？例如，我想让此列表中的所有li元素大小为其ul父元素的0.85em。 我是否必须为每个“层级”创建一个单独的类？
<html>
<head>
<style type="text/css">
li
{
font-size: 0.85em;
}
</style>
</head>
<body>
<ul>
<li>Level 1 item
<ul>
<li>Level 2 item
<ul>
<li>Level 3 item</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
使用“rem”单位进行字体大小调整。这可以解决字体继承问题。
Johnathan Snook在这篇文章中有很好的阐述。
应该可以工作。
li li {font-size: 100%;}
（本答案假定您希望所有li元素的大小相同（您在问题中说要相同大小和不同大小））
字体大小层叠，因此如果您只在外部元素上设置它（例如包装器div或其他内容），则其中的所有内容都会像您想要的那样缩小一步。
<div id="navigation">
<ul>
<li>...</li>
<li>
<ul><li>...</li><li>...</li></ul>
</li>
</ul>
</div>
#navigation { font-size: 0.85em; }
我的建议是给第一个<ul>设置一个id或class，并在那里设置font-size。
我同意Emil的观点，如果我有足够的声望积分（我是新手），我会为他投票。我会像他在第一个观点中提到的那样使用一个类，使其在同一文档中可重复使用。如果您想要跨浏览器，并且正在使用当前的CSS规范，那么我无法建议更好的真实世界例子......期待CSS 3的到来和IE6的死亡！
body > ul { font-size: 0.85em; }
会这样做
li { font-size: 0.85em; }
li li { font-size: 1em; }