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。由于这是初始正文标记，因此应重置浏览器默认大小。在问题中提到了这一点，我没有提到这一点。

Answer 2

您可以制作更具体的内容，以覆盖样式，例如

body div {
  font-family:Helvetica;
}

此外，font-size的默认值为medium。您也可以使用initial，但IE中不支持。

body div {
  font-family:Helvetica;
  font-size:medium;
}

Answer 3

使用unset清除字体大小值：

body {
  font-size: unset;
}

Answer 4

默认字体大小为medium。

.wherever{
    font-size: medium;
}

这将覆盖添加的正文字体大小。

Answer 5

现在您可以尝试这个

html body *{
  font-family: //
}

Answer 6

将默认字体系列设置为Helvetica。

在方向更改后禁止调整iOS文本大小，而不会禁用用户缩放。

 html  
    {
         font-family: Helvetica;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;

    }

body
 {
     font-size: 14px;
  }

覆盖字体：在CSS中

6 个答案: