使用#ID作为样式钩子的充分理由

Question

我读过这个 Why selecting by ID is not recommended in CSS?

提供了为什么要使用类而不是ID的参数。许多开发人员都是冷火鸡，拒绝使用ID来选择风格。

但是，我确信很多（如果不是最有经验的开发者）仍然使用ID作为风格钩子（同时喜欢类）。

哪些可能的场景可能证明使用ID代替类？

Answer 1

当您定位唯一项目（您不想重复使用该特定样式）时，您可以使用ID，例如#header，#footer。
使用id的另一个好理由可能是，如果你是一个前端开发人员，也需要关注一些基本的javascript。通过id访问元素的速度比其他链式类名快得多，因此出于性能原因，您（作为js开发人员）可能希望为您的窗口小部件添加一个id，以便您更快地访问该元素。 /> 例如

#widget

通过js访问的速度比

更快更容易

.wrapper .container .sidebar .widget:nth-child(n)

Answer 2

从我发现的情况来看，尝试仅使用类和属性选择器的人（不是全部，但大多数）会弄乱他们的样式表。他们最终在所有内容上放了一个类，然后让长选择器字符串试图移动一个特定元素，这就是ID选择器闪耀的地方。由于某种原因，ID被实现到CSS中，如果使用得当它们很棒。

请谨慎使用。