HTML-嵌套的ul标记。字体大小更改

我正在尝试创建一个嵌套的无序列表，嵌套的ul标记的字体更大。下面是我正在使用的代码行：

<ul>
<li>myItem 1</li>
<li>myItem 2
   <ul>
     <li>myItem 2a</li>
  </ul>
</li>
<li>myItem 3</li>
<li>myItem 4</li>
</ul>

我没有足够的声誉点数来包含照片，但您可以在此处看到代码的输出：

---

有人知道为什么嵌套的ul字体更大吗？我希望整个列表具有相同大小的字体。

如果您有一个指向实时代码的链接而不是图像，这将很有帮助，但我怀疑有一些全局风格的规则正在绊倒您。这将是很好的，以确保您有一个为您的css，然后定义规则，您需要。ul和ul li ul可能有不同的规则，因此您可以通过定义这两个规则来修复：

ul, ul li ul {
    font-size: 1.3em;
    margin-left: 80px; 
    margin-bottom: 20px;
}

---

如果你有一个指向实时代码的链接而不是一个图片，这将是很有帮助的，但我怀疑有一些全球风格的规则让你绊倒了。这将是很好的，以确保您有一个为您的css，然后定义规则，您需要。ul和ul li ul可能有不同的规则，因此您可以通过定义这两个规则来修复：

ul, ul li ul {
    font-size: 1.3em;
    margin-left: 80px; 
    margin-bottom: 20px;
}

---

根据你的描述，我想我也有同样的问题。问题是您将字体大小指定为1.3em。em是一个相对单位，这使得每个嵌套列表的字体大小相对于其父列表。嵌套时，递归应用1.3em，因此下一个列表的字体大小为1.3*1.3em。如果你有两层嵌套列表，那么你会得到1.3*1.3*1.3等等

顺便说一句，值得注意的是，这不会是所有浏览器的问题——我的新安卓手机不会给我带来任何问题，但我的旧手机会

无论如何，像这样的事情应该可以为您解决问题：

ul {
    font-size: 1.3em; /*your original code*/
    margin-left: 80px; 
    margin-bottom: 20px;
}

ul li ul {
    font-size: 1.0em; /*stops nested lists scaling*/
}

---

这就是我的工作。当然，第二个ul声明继承了第一个ul声明的所有其他内容，所以希望这就是您所需要做的。

根据您的描述，我想我遇到了完全相同的问题。问题是您将字体大小指定为1.3em。em是一个相对单位，这使得每个嵌套列表的字体大小相对于其父列表。嵌套时，递归应用1.3em，因此下一个列表的字体大小为1.3*1.3em。如果你有两层嵌套列表，那么你会得到1.3*1.3*1.3等等

顺便说一句，值得注意的是，这不会是所有浏览器的问题——我的新安卓手机不会给我带来任何问题，但我的旧手机会

无论如何，像这样的事情应该可以为您解决问题：

ul {
    font-size: 1.3em; /*your original code*/
    margin-left: 80px; 
    margin-bottom: 20px;
}

ul li ul {
    font-size: 1.0em; /*stops nested lists scaling*/
}

---

这就是我的工作。当然，第二个ul声明继承了第一个声明的所有其他内容，所以希望这就是您所需要做的。

您的CSS所说的是，每次输入标记时，我都应该将字体大小增加1.3倍。这就是为什么你的内心变得更大的字体大小

若要解决此问题，请添加一条规则，说明嵌套用户保持其父级的字体大小：

ul ul {
  font-size:1em;
}

---

你的CSS说的是，每次我输入一个标签，我都应该将字体大小增加1.3倍。这就是为什么你的内心变得更大的字体大小

若要解决此问题，请添加一条规则，说明嵌套用户保持其父级的字体大小：

ul ul {
  font-size:1em;
}

---

我知道这篇文章有点旧，但如果您想确保使用EM单位时嵌套列表与父列表保持相同大小，请尝试：

ul {
  font-size: 1em;
}

ul ul {
  font-size: 100%;
}

---

这会告诉这些嵌套列表的大小为父列表的100%。

我知道这篇文章有点旧，但如果您想确保使用EM单位时嵌套列表的大小与父列表的大小相同，请尝试：

ul {
  font-size: 1em;
}

ul ul {
  font-size: 100%;
}

---

这会告诉这些嵌套列表的大小为父列表的100%。

如果像我一样，您已经选择了您的ul css作为子列表，即主ul，这将不起作用，因为ul没有那么具体。只需使用main>ul即可。内部列表应该继承它们的大小。如果像我一样，你已经选择你的ul css作为子级，即主ul，这将不起作用，因为ul没有那么具体。只需使用main>ul即可。内部列表应继承其大小。