埃里克·梅耶（Eric Meyer）的reset.css中“字体”和“内容”被覆盖的原因是什么？

Question

Original CSS rules，由Eric Meyer撰写：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

这里有两个覆盖：

1. font: inherit;覆盖font-size: 100%;
2. content: none覆盖content: ''。

在具有代码质量控制工具的现代IDE中，以下警告会令人讨厌：

这种覆盖的原因是什么？

我想我们可能会更正以下内容：

• 当前Internet Explorer 7在任何地方均不受支持。因此，font: inherit;如果没有font-size: 100%就足够了；
在''和content受支持的任何地方都支持:after属性的
• 值:before。因此，我们不需要content: none。