css - 无法覆盖字体大小 :100% & font-inherit property in another CSS file

Question

在我的元素中，我们有一个全局 CSS 文件“global-css”，用于网站的所有网页。 此文件内容，

font-size: 100%;
font: inherit;    
properties for body,div,h1,h2 etc. 

复制上述代码的链接http://www.cssreset.com/ - Eric Mayur 的。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
........, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    ***font-size: 100%;
    font: inherit;***
    vertical-align: baseline;
}

我无权编辑此 (global-css) CSS 文件。

但这 2 行在我的网页上造成了 UI 问题。如果我从“global-css”中删除这两行，那么我的网页就完全可以正常工作(没有任何 UI 问题)。我想以某种方式将这 2 行覆盖到我自己的 CSS 文件中(仅在我的网页中导入)。我已经创建了 1 个 CSS 文件(override-css)，我可以在其中覆盖“global-css”中的任何类。

请建议在我的“override-css”中覆盖上述属性的好方法。
感谢您的帮助:)

澄清一下:我想将这些属性设置为 DEFAULT/NULL，这样所有元素都将从它们各自的类中获取字体。

我试图在 global-css 中覆盖上面的代码，但不幸的是我们没有 font 属性的默认值。

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
........, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    ***font-size: ________ !important;
    font: ________ !important;***
    vertical-align: baseline;
}

我想要一些属性值来重置 ss-override 中的这 2 个属性。

还有一个“main.css”CSS 文件，其中包含元素的所有类。但是来自“global-css”的这两行不允许应用这种样式。

用于导入 CSS 的顺序是:main -> global-css -> override-css。

Answer 1

您是否尝试过使用 !important 属性。

否则，通常最后一个 css 样式优先。因此，如果您使用属性加载这两个类，那么应该覆盖 global.css 样式。