理解 CSS Lint 警告答案

【问题标题】：Making sense of CSS Lint warnings理解 CSS Lint 警告
【发布时间】：2011-09-27 22:45:08
【问题描述】：

我正在为我们的网站编写 CSS，我只是通过 CSS Lint 运行它。我很难理解其中的一些警告，因此社区的帮助会很大。

不要在选择器中使用 ID。

这不是 ID 的重点吗？用于寻址页面上的特定元素？
选择器中有 2 个 ID，真的吗？

有没有比在同一行使用两个选择器更好的方法来选择一个元素？
破盒模型：使用带边框的高度。

我不知道这意味着什么。我的理解是盒子高度与边框高度是分开的。我已经为元素定义了一个高度，然后分别定义了边界边，我哪里出错了？
标题 (h1) 不应被限定。

【问题讨论】：

我也不知道 2 和 3 是什么意思。
CSS Lint 生成的许多警告要么是可疑的，要么是自以为是的。小心行事！
与我的观点相关：mattwilcox.net/archive/entry/id/1054
感谢@thirtydot 的文章。虽然一些 CSS Lint 警告没有意义，我同意这篇文章的作者的观点，但我认为它也有帮助。像往常一样，最好知道一个人正在做什么，而不是盲目地听从命令。最好的，
csslint.org 在github.com/stubbornella/csslint/wiki/Rules 上有错误/警告文档，记录了他们对自己观点的推理。

【解决方案1】：

我没有使用过 CSS Lint，所以我不确定其中的大部分。但是关于 2.，“选择器中的 2 个 ID”，我猜他们会标记它，因为它可能是多余的。 ID 选择器指示该元素在页面上是唯一的。因此，如果您在选择器中使用两个 ID，例如#main #navigation，您可能也可以轻松使用最后一个，例如#navigation.

但是，如果您使用较高的 ID，例如指出你在什么类型的页面上，这对我来说很好。

有很多善意的 CSS 人都非常热衷于告诉你应该做什么和不应该做什么，不管你想做什么。

【讨论】：

@Kayote：不客气——很抱歉 Stack Overflow 社区没有更多信息。
无论如何，它是最好的社区。 Stackexchange 接管网络的速度和惊人的速度令人惊讶。 :) 干杯

【解决方案2】：

如果您通过http://csslint.net/about.html，它会显示以下内容：

不要在选择器中使用 ID

不应该在选择器中使用 ID，因为这些规则太严格了再加上HTML，没有再利用的可能。很多首选在选择器中使用类，然后将一个类应用于页面中的元素。

小心破盒模型

边框和填充在元素内容之外添加空间。环境宽度或高度以及边框和填充通常是错误的因为你不会得到你正在寻找的视觉结果。 CSS 皮棉当规则使用除了填充和/或之外的宽度或高度时发出警告边框。

我认为制作 ID 是有原因的，如果您计算正确，则无需担心损坏的盒子模型。

【讨论】：

盒子模型警告太奇怪了。填充不会删除设置宽度的用途。即使在这个页面上，大多数元素都有 padding + width/height
填充不会使宽度的使用变得多余，但正如 Fantaz 指出的那样，由于潜在的计算错误（如 here 所述），它们会警告您
@fachexot “警告”这样的警告应该与“不要将单位用于 0 值，例如 0px”之类的警告完全不同。前者是说“小心”，后者是对普遍接受的风格的建议。