我读过这篇 为什么在 CSS 中不推荐按 ID 选择?
它提出了为什么你会使用类而不是 ID 的论据。并且许多开发人员对风格选择不以为然,根本拒绝使用 ID。
但是,我敢肯定,即使不是最有经验的开发人员,也有很多人仍然使用 ID 作为风格挂钩(同时偏爱类)。
有哪些可能的情况可以证明使用 ID 而不是类?
我读过这篇 为什么在 CSS 中不推荐按 ID 选择?
它提出了为什么你会使用类而不是 ID 的论据。并且许多开发人员对风格选择不以为然,根本拒绝使用 ID。
但是,我敢肯定,即使不是最有经验的开发人员,也有很多人仍然使用 ID 作为风格挂钩(同时偏爱类)。
有哪些可能的情况可以证明使用 ID 而不是类?
当您定位独特的项目(您不想重复使用该特定样式)时,您可以使用 id,例如#header
, #footer
.
另一个使用 id 的好理由可能是如果你是一个前端开发人员,也需要处理一些基本的 javascript。Javascript 通过 id 访问元素比通过其他链式类名快得多,因此出于性能原因,您(作为 js 开发人员)可能希望向您的小部件添加一个 id,以便您更快地访问该元素。
例如
#widget
通过 js 访问比类似的东西更快更容易
.wrapper .container .sidebar .widget:nth-child(n)
根据我的发现,尝试只使用类和属性选择器的人(不是所有人,而是大多数人)会弄乱他们的样式表。他们最终在所有东西上都放了一个类,然后有很长的选择器字符串试图移动一个特定的元素,这就是 ID 选择器的亮点。ID 被实现到 CSS 中是有原因的,如果使用得当,它们会很棒。
只需谨慎使用。