我们应该避免使用ID作为CSS选择器吗

Question

我正在谈论的是一个全新的项目，而不是遗留代码，因为我知道有时需要很长时间和精力来重构遗留代码。

您可能已经知道，将ID用作CSS选择器比使用类名作为CSS选择器具有更高的特异性，因此覆盖ID选择器比使用类名选择器要困难得多。

<div class="class-a" id="id-a">Lorem Ipsum</div>

<style>
#id-a{
  color: blue;
}
.class-a{
  color: red;
}
</style>

例如对于上面的代码，即使在id选择器之后编写了类名称选择器，Lorem Ipsum文本也将始终为蓝色而不是红色。

那为什么有人应该使用id作为选择器而不是使用类名呢？我们不应该只使用类名，有时不使用标签名，而完全避免使用id作为CSS选择器，而将id留给javascript选择器（因为它比使用类名和标签名要有效得多）？

如果您想拥有一个对自己和将要使用您的代码的人来说唯一的选择器，您实际上可以执行以下操作。

<nav class="navigation-bar" id="navigation-bar">...</nav>

使用与元素ID相同的类名！

这就是我的想法，但是我经常看到其他使用ID作为CSS选择器的开发人员，为什么这么多人这样做呢？我真的错过了什么吗？如果是，请告诉我。

谢谢。

Answer 1

ID应该是唯一的，但是CLASS可以多次重用。如果您经常使用，最好使用CLASS。