如何在 \`class\` 和 \`id\` 之间进行选择

Question

当使用 divs 什么时候最好使用 class vs id ？

是否最好使用 class ，在 html 中说字体变体或元素？然后使用 id 作为结构/容器？

这是我一直有点不确定的事情，任何帮助都会很棒。

原文由 Paul 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

使用 id 标识页面上只有一个实例的元素。例如，如果您有一个放置在特定位置的导航栏，请使用 id="navigation" 。

使用 class 将所有行为都以某种方式表现的元素分组。例如，如果您希望公司名称在正文中以粗体显示，您可以使用 <span class='company'> 。

原文由 Jim 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

最重要的是要理解 ID 必须是唯一的：在一个页面中只能存在一个具有给定 ID 的元素。因此，如果您想引用特定的页面元素，这通常是最好的选择。

如果你有多个元素在某种程度上是相似的，你应该使用元素类来识别它们。

一个非常有用但鲜为人知的事实是，您实际上可以通过在类名之间放置空格将多个类应用于单个元素。因此，如果您发布的问题是由当前登录的用户撰写的，您可以使用

来识别它。

原文由 Sean McMains 发布，翻译遵循 CC BY-SA 2.5 许可协议