html - 覆盖字体 : in CSS

Question

我有一个现有网页，其中有一个我无法更改的 CSS 文件，其中包含以下 CSS:

body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    font: 0.8em Verdana,Arial,sans-serif;
}

我正在添加一个额外的 CSS 文件，对于它控制的页面部分，我需要能够覆盖上面的字体大小，并将大小设置为浏览器提供的自动大小和不同的字体系列。

我知道把 !important 标签放在那里，这样改变字体系列就不是问题了，但是如果我不把大小放在那里，当页面出现时它就会被删除编译。

我想我可以使用 font-size: 来覆盖它，但我不清楚如何将其设置为浏览器自动设置的值。

所有帮助将不胜感激!我是一个 CSS 新手!

Answer 1

尝试

html body {
    /* your stuff here */
}

通过使用 html 元素，它使选择器更加具体并应用覆盖。

例子:

body {
    font-family: sans-serif;
    font-size: 30px;
}

html body {
    font-family: serif;
    font-size: 1em;
}

Hello world.<br>
This is the 'normal' size because of the html element selector allowing an override.

编辑:答案已被接受，但我将字体大小更改为 1em。因为这是初始的 body 标签，所以它应该重置浏览器的默认大小。这是在问题中提出的，我没有涵盖这一点。