使用类而不是ID的好处

Question

为什么要使用“div class”而不是“div id”？

通常，当我给一个元素命名时，我使用“id”来给它一个名称和一些设置参数。我只使用“class”来赋予它特殊的特征。例如，对于我的示例：

```

```

然而，我的一位教授会使用“class”来标识所有的div。例如，对于教授的示例：

```

```

有人能解释一下使用“div class”而不是“div id”的好处吗？

- Mouse

Answer 1

如果您正在使用JavaScript，使用类名来标识元素比使用ID有一个很大的优势。

给元素设置ID也会创建一个同名的全局JavaScript变量。关于这种行为，请参见 Do DOM tree elements with ids become global variables?。

拥有这样隐式创建的变量最好是令人困惑的，最坏的情况下会导致难以找到的错误。

- MikaelE

Answer 2

ID是页面唯一的，因此更适合用于标识。 类不是唯一的，应该将类用于将相似样式的元素分组在一起。

换句话说，如果您需要将某些内容应用于特定的div，应该通过id调用它，因为它将优先于可能影响它的其他CSS样式。 类允许您在样式中设置一些共同点，以便在不同类型的元素中使用类似的字体或大小。

- LordNeo

Answer 3

<div class="some_class">

    <p>This can be used any number of times on one HTML page</p>

</div>

<div id="some_id">

    <p>This CAN be used multiple times with the same ID,
       but it is invalid code, as a specific ID should
       only be used ONCE per html page</p>

</div>

这里有一个旧一点但仍然不错的解释。

- scoopzilla