使用不等于1的em时，使所有嵌套列表项具有相同大小的最有效方法是什么。例如，我希望此列表中的所有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>
应该管用。
li li {font-size: 100%;}
应该管用。
li li {font-size: 100%;}
使用“rem”单位进行字体大小调整。这解决了字体继承问题。
Johnathan Snook有一个 好文章 就此而言。
我希望这个列表中的所有li的大小都是ul的父级的0.85em
body > ul { font-size: 0.85em; }
会这样做的
我的建议是给第一个 <ul> 一个id或类，并设置 font-size 那里。
（这个答案假设你想要所有的li元素大小相同（你说两个你想要相同的大小，问题中的大小不同））
字体大小级联，所以如果你只是将它设置在外部元素上（比如包装div或其他东西），它内部的所有内容都会像你想要的那样缩小一步（我认为）。
<div id="navigation">
<ul>
<li>...</li>
<li>
<ul><li>...</li><li>...</li></ul>
</li>
</ul>
</div>
#navigation { font-size: 0.85em; }
我同意Emil的观点，如果我有足够的重复点（这里是n00b），他就会投票给他。我会像他在第一点提到的那样使用一个类，所以它可以在同一个文档中重复使用。如果你想要跨浏览器并使用当前的css规范，那么我无法建议一个更好的真实世界的例子......滚动css 3和IE6的死亡！
li { font-size: 0.85em; }
li li { font-size: 1em; }