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

Question

One of CSS lint rules is: "It's better to not use IDs in selectors". So, what should we use instead of IDs to point to a unique element? For example, say I have dozens of elements that have a class named my-class , and I want only one of them to have a special CSS property. What can I do?

Answer 1

CSS-lint should be 'fixed' or rather updated to modern standard because its based on more than 10 year old code base where support for IE6 and IE7 where still preferable.

Nowadays everyone should know ID's are the fastest css selectors followed by Classes, Dom tags, adjacent siblings etc. And that CSS reads from right to left. So the shortest selector is the fastest. Since #ID is the fastest selector and #ID (should be) unique its ridicule to not use the #id as selector in CSS.

Answer 2

give them another class for example:

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

.myClass.special{
  color: red;
}

Answer 3

You could add an additional class to the element and specify it in your css instead of ids. ID selectors have a higher specificity than attribute selectors but using ids in css isn't recommended and can't be reused. CSS classes can do everything IDs can.

Answer 4

One of CSS lint rules is: "It's better to do not use IDs in selectors". So, what should we use instead of IDs to point at a unique element? For example, I have hundreds of elements which have a class named "myClass", and I want one of them to have a special CSS property separately. What can I do?