css - “不要在选择器 (CSS) 中使用 ID”那么，用什么来代替 ID？

Question

CSS lint 规则之一是：“最好不要在选择器中使用 ID”。那么，我们应该用什么来代替 ID 来指向一个唯一的元素呢？例如，假设我有几十个元素都有一个名为 的类my-class，我希望其中只有一个具有特殊的 CSS 属性。我能做些什么？

Answer 1

CSS-lint 应该是“固定的”或者更新为现代标准，因为它基于 10 多年前的代码库，其中支持 IE6 和 IE7 仍然更可取。

现在每个人都应该知道 ID 是最快的 css 选择器，其次是 Classes、Dom 标签、相邻兄弟等。而且 CSS 从右到左读取。所以最短的选择器是最快的。由于#ID 是最快的选择器并且#ID（应该）是唯一的，因此它嘲笑不使用#id 作为CSS 中的选择器。

Answer 2

给他们另一个课程，例如：

<div class="myClass special"></div>

.myClass.special{
  color: red;
}

Answer 3

您可以向元素添加一个额外的类并在您的 css 中指定它而不是 ids。ID 选择器比属性选择器具有更高的特异性，但不建议在 css 中使用 id，也不能重复使用。CSS 类可以做所有 ID 可以做的事情。