Html CSS规则减少当前元素下所有元素的字体大小

我正在学习英语。研究页面有一个14px字体大小的菜单，实际内容的字体大小为12px。我想减少菜单的字体大小，这样它占用更少的空间。简单地使div变薄并不是一个解决方案，它需要更小的字体大小

我可以向菜单最上面的div添加什么CSS规则来影响所有子div的字体大小？我尝试了

style=“font-size:0.5em”

、

style=“font-size:50%”和
style=“font-size:8px”
，但这些都无法克服为内部div定义的CSS

我强调，这个问题与我不控制的网站有关，相反，我试图使用Firefox Inspect元素功能添加一个规则。不是很漂亮，但是

.menu * { font-size: 11px !important; }

可能就是你要找的。或者

.menu { transform: scale(0.8); }

尽管这可能会以不受欢迎的方式影响其他事情

您也可以尝试使用非标准：

.menu { zoom: 80%; }

不是很漂亮，但是

.menu * { font-size: 11px !important; }

可能就是你要找的。或者

.menu { transform: scale(0.8); }

尽管这可能会以不受欢迎的方式影响其他事情

您也可以尝试使用非标准：

.menu { zoom: 80%; }

不是很漂亮，但是

.menu * { font-size: 11px !important; }

可能就是你要找的。或者

.menu { transform: scale(0.8); }

尽管这可能会以不受欢迎的方式影响其他事情

您也可以尝试使用非标准：

.menu { zoom: 80%; }

不是很漂亮，但是

.menu * { font-size: 11px !important; }

可能就是你要找的。或者

.menu { transform: scale(0.8); }

尽管这可能会以不受欢迎的方式影响其他事情

您也可以尝试使用非标准：

.menu { zoom: 80%; }

仅当子元素也使用
em
单位时，在父元素上设置字体大小为
0.5em
。在所讨论的页面上，似乎使用了其他单位（
px
，可能）。在这种情况下，可以使用父元素上的属性来减小所有子元素的字体大小
font size adjust
通常用于根据“x高度”定义字体大小，因此您应该尝试使用
0.5左右的值

Edit:正如@Jackson所指出的，
字体大小调整
，但这可能对您来说已经足够了。
只有在子元素也使用
em
单位的情况下，才能在父元素上设置
0.5em
字体大小。在所讨论的页面上，似乎使用了其他单位（
px
，可能）。在这种情况下，可以使用父元素上的属性来减小所有子元素的字体大小
font size adjust
通常用于根据“x高度”定义字体大小，因此您应该尝试使用
0.5左右的值

Edit:正如@Jackson所指出的，
字体大小调整
，但这可能对您来说已经足够了。
只有在子元素也使用
em
单位的情况下，才能在父元素上设置
0.5em
字体大小。在所讨论的页面上，似乎使用了其他单位（
px
，可能）。在这种情况下，可以使用父元素上的属性来减小所有子元素的字体大小
font size adjust
通常用于根据“x高度”定义字体大小，因此您应该尝试使用
0.5左右的值

Edit:正如@Jackson所指出的，
字体大小调整
，但这可能对您来说已经足够了。
只有在子元素也使用
em
单位的情况下，才能在父元素上设置
0.5em
字体大小。在所讨论的页面上，似乎使用了其他单位（
px
，可能）。在这种情况下，可以使用父元素上的属性来减小所有子元素的字体大小
font size adjust
通常用于根据“x高度”定义字体大小，因此您应该尝试使用
0.5左右的值

编辑：正如@Jackson所指出的，
字体大小调整
，但也许这对你来说已经足够了。
我可以问一下你想要实现什么吗？使页面更具可读性？你知道插件“Style”吗？它允许你将样式永久地应用于站点/域。Inspect元素还将显示应用于该元素的CSS规则。只需编辑规则（在CSS选项卡中），而不是应用内联样式。请问您想要实现什么？使页面更具可读性？你知道插件“Style”吗？它允许你将样式永久地应用于站点/域。Inspect元素还将显示应用于该元素的CSS规则。只需编辑规则（在CSS选项卡中），而不是应用内联样式。请问您想要实现什么？使页面更具可读性？你知道插件“Style”吗？它允许你将样式永久地应用于站点/域。Inspect元素还将显示应用于该元素的CSS规则。只需编辑规则（在CSS选项卡中），而不是应用内联样式。请问您想要实现什么？使页面更具可读性？你知道插件“Style”吗？它允许你将样式永久地应用于站点/域。Inspect元素还将显示应用于该元素的CSS规则。只需编辑规则（在CSS选项卡中）而不是应用内联样式。font size adjust属性似乎仅在Firefox上受支持。我试图对此进行升级，纯粹是因为它的恶魔般的创造力。font size adjust属性似乎仅在Firefox上受支持。我试图对其进行升级，纯粹是因为它的恶魔般的创造力。font size adjust属性似乎只是在Firefox上受支持。我倾向于投票支持这一点，纯粹是因为它的魔鬼般的创造力。字体大小调整属性似乎只在Firefox上受支持。我倾向于投票支持这一点，纯粹是因为它的魔鬼般的创造力。我同意这里的第一句话，因为子元素似乎不会受到父字体大小的影响。子元素元素将受此规则的影响；查看
*
。是的，我同意你的看法。你需要*因为否则子元素