有什么区别
类类似于类别。许多 HTML 元素可以属于一个类,并且一个 HTML 元素可以有多个类。类用于应用通用样式或可应用于多个 HTML 元素的样式。
ID 是标识符。它们是唯一的;不允许其他人拥有相同的 ID。ID 用于将独特的样式应用于 HTML 元素。
我以这样的方式使用 ID 和类:
<div id="header">
<h1>I am a header!</h1>
<p>I am subtext for a header!</p>
</div>
<div id="content">
<div class="section">
<p>I am a section!</p>
</div>
<div class="section special">
<p>I am a section!</p>
</div>
<div class="section">
<p>I am a section!</p>
</div>
</div>
在此示例中,标题和内容部分可通过 #header 和 #content 进行样式设置。内容的每个部分都可通过 #content .section 应用通用样式。为了好玩,我为中间部分添加了 \'special\' 类。假设您希望某个特定部分具有特殊样式。这可通过 .special 类实现,但该部分仍从 #content .section 继承通用样式。
当我进行 JavaScript 或 CSS 开发时,我通常使用 ID 来访问/操作非常具体的 HTML 元素,并且使用类来访问/将样式应用于广泛的元素。