css-selectors - 理解 CSS Lint 警告

Question

我正在为我们的网站编写 CSS，我只是通过 CSS Lint 运行它。我正在努力理解很多警告，因此非常希望得到社区的帮助。

1. 不要在选择器中使用 ID。

   这不是 ID 的意义所在吗？用于寻址页面上的特定元素？

2. 选择器中有 2 个 ID，真的吗？

   有没有比在同一行中使用两个选择器更好的选择元素的方法？

3. 破盒模型:使用带有 border-top 的高度。

   我不知道这是什么意思。我的理解是盒子高度与边框高度是分开的。我已经为元素定义了一个高度，然后单独定义了边界边，我哪里出错了？

4. 标题 (h1) 不应被限定。

Answer 1

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

但是，如果您使用更高的 ID，例如指出您所在的页面类型，这对我来说很好。

有很多善意的 CSS 人员非常热衷于告诉您应该做什么和不应该做什么，无论您尝试做什么。