"Don't use IDs in selectors (CSS)" 那么，用什么代替 ID？

Question

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

Answer 1

给他们另一个 class 例如：

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

.myClass.special{
  color: red;
}

Answer 2

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

Answer 3

CSS-lint 应该是 'fixed' 或者更新为现代标准，因为它基于超过 10 年的旧代码库，其中对 IE6 和 IE7 的支持仍然更可取。

现在每个人都应该知道 ID 是最快的 css 选择器，然后是类、Dom 标签、相邻的兄弟姐妹等。CSS 从右到左读取.所以最短的选择器是最快的。由于#ID 是最快的选择器并且#ID（应该）是唯一的，所以在 CSS.

中不使用 #id 作为选择器是可笑的

"Don't use IDs in selectors (CSS)" then, what to use instead of IDs?