覆盖字体：在 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 元素，它使选择器更加具体并应用覆盖。

例子：

html body {
    /* your stuff here */
}

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

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

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