HTML中id和类之间的区别[关闭]答案

【问题标题】：The difference between ids an classes in HTML [closed]HTML中id和类之间的区别[关闭]
【发布时间】：2016-05-05 11:28:13
【问题描述】：

我正在从一本书中学习 HTML 和 CSS，我遇到了连接 id 和类之间的问题，谁能回答我何时使用它们？

<p id=”footer”>Please steal this page, it isn’t copyrighted in any way</p>
    <p class="guarantee">

书上说：给元素一个 id 类似于向一个类添加一个元素。唯一的区别是该属性称为“id”，而不是“class”，一个元素不能有多个 id，并且在一个页面上不能有多个具有相同 id 的元素。但仍然不明白何时使用它们：P 谢谢大家

【问题讨论】：

这能解决您的任何问题吗？ css-tricks.com/the-difference-between-id-and-class
这是一个不必要的复杂描述。
id 用于唯一元素，class 用于使用相同样式的多个元素
把它想象成大学课堂。每个学生都是独一无二的，都有自己的身份。那是身份证。某些事情可能在整个课堂上都很常见，那就是您申请课程的时候。
你的书是否谈到了 CSS“特异性”？

标签： html css

【解决方案1】：

类通常用于将元素组合在一起，而 id 用于标识特定元素。

<div class="buttonContainer">
    <button id="home">home</button>
    <button id="about">about</button>
    <button id="contact">contact</button>
</div>

<div class="buttonContainer">
    <button id="email">email</button>
    <button id="query">query</button>
</div>

另一个例子

<div id="header">
    <p class="title">Header Title Here</p>
</id>

<div id="footer">
    <p class="title">Footer Title Here</p>
</div>

【讨论】：

非常明白的回答，谢谢

【解决方案2】：

快速回答是id 应该用于标识页面上的特定元素，并且所有ids 都应该是唯一的。另一方面，一个类可用于识别具有相同或相似含义的多个元素。

【讨论】：

【解决方案3】：

您已经提到了主要区别。但是当涉及到 CSS #id 选择器时，还有其他事情需要考虑：

参见，例如：

<div id="mydiv" class="mydiv"><p>Hello there.</p></div>

CSS：

#mydiv {
color:red;
}

.mydiv {
color:blue;
}

这将产生红色彩色文本，因为 ID 更具体，因此与 CSS 更相关，它们是类的优先级。

【讨论】：

【解决方案4】：

ID 是唯一的

每个元素只能有一个 ID。每个页面只能有一个具有该 ID 的元素。

类不是唯一的

您可以在多个元素上使用同一个类。您可以在同一个元素上使用多个类。

【讨论】：

【解决方案5】：

“id”属性在同一个网页中应该是唯一的，尽管可以声明多个具有相同 id 的元素。具有特定“id”的元素不能超过一个。

页面上可以有多个具有相同“类”的元素。这在您想要将相同的 CSS 样式应用于多个元素时很有用。

'id' 用于，例如，在 Javascript 中，用于获取具有指定 id 的元素，或者当您只想将样式应用于该元素时。

【讨论】：