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

Question

我正在研究 Introduction to Linux as 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%; }