css - Eric Meyer 的 reset.css 中“字体”和“内容”覆盖的原因是什么？

Question

Eric Meyer 编写的原始 CSS 规则：

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: ''.

在带有代码质量控制工具的moders IDE中，下面的警告会很烦人：

这种覆盖的原因是什么？

我想我们可能会进行以下更正：

• 目前 Internet Explorer 7 不支持任何地方。所以，没有;font: inherit;就足够了font-size: 100%
• 在任何地方都支持和支持''的属性的价值。所以，我们不需要.content:after:beforecontent: none

标签： csscross-browser