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

Question

CSSLint 警告我重新定义 headers（尽管为什么只是 headers？）

我的很多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 and Don’t Style Headings Using HTML5 Sections 中描述了推理（这描述了为不同用途重新设计相同标题标签的错误用法）。

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

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

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

CSS Lint, heading redefines, and factoring code

css

structure