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

Question

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

我可以向菜单最上面的 div 添加什么 CSS 规则来影响所有子 div 的字体大小？我尝试过style="font-size:0.5em"，style="font-size:50%"但是style="font-size:8px"这些都无法克服为内部 div 定义的 CSS。

我强调，这个问题与我无法控制的网站有关，相反，我正在尝试使用 Firefox Inspect Element 功能添加规则。

Answer 1

不是很漂亮，但是

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

可能就是您正在寻找的。或者，

.menu { transform: scale(0.8); }

尽管这可能会以不良的方式影响其他事情。

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

.menu { zoom: 80%; }