CSS Lint、标题重新定义和分解代码

Question

CSSLint 警告我重新定义 header (尽管为什么只是 header ？)

我用这种方式编写了很多 CSS:

h1, h2, h3, h4 {
    font-variant:small-caps;
    }

h1  {
    margin: 0;
    padding: 1em 0 0 0;
    /*  text-align:left;    */
    }

    h1:first-letter {
        position: relative;
        top: 0.5em;
        font-size: 140%;
        }

h2  {
    margin: 0.5em 0 0 3em;
    font-weight: bold;
    font-size: 2em;
    }

h3  {
    margin: 0.85em 0 0.3em 0;
    font-size: 1.72em;
    }

h4  {
    margin:0;
    padding: .72em 0 0.2em 0;
    font-size: 1.44em;
    }

这被认为是错误的形式吗？

我在摸索过程中的想法是:当我想改变外观时，我想在尽可能少的地方输入它。

Answer 1

在 CSS Lint Wiki 中描述了推理和 Don’t Style Headings Using HTML5 Sections (这描述了为不同用途重新设计相同标题标签的错误用法)。

在您只是拆分一些属性以避免重复它们的情况下，您不必担心。

所以您可以安全地忽略这种用法的警告。