html - CSS 中的类和 ID 有什么区别？举例说明在哪里使用

Question

<分区>

Answer 1

ID 应该是唯一的，而类更适合元素的“类型”。

所以你可能有这样的东西:

<ul id="menu">
....
</ul>

因为您的站点上可能只有 1 个主菜单。

然而，对于类，你可能有类似的东西:

<span class='author'>Paolo Bergantino</span>

或者可能为包含本网站答案的 div 设置样式:

<div class='answer'>....</div>

因为每个页面会有多个这样的元素，所以它们是一类元素。将 ID 视为元素的社会安全号码。只要一个元素足够重要并且是唯一的，你就给它一个 ID。这也有助于动态网站，因为按 ID 选择元素是迄今为止最快的方法，如果您有多个具有相同 ID 的元素(因此违反了这种做法)，Javascript 将无法按预期工作。