ID
一句话解释
id 是 HTML 元素的唯一标识属性，一个页面里每个 id 值只能出现一次，用 `#id` 选中。
用大白话说
id 是 HTML 元素的一个属性，用来给元素一个全页面唯一的标识。就像人的身份证号——一个页面里，一个 id 只能对应一个元素。
<h1 id="main-title">欢迎</h1>
<!-- 页面里不能再有第二个 id="main-title" 的元素 -->CSS 用 #id名 选中：#main-title { color: red; }。JS 用 document.getElementById("main-title") 直接拿到那个元素。
id 的特点是唯一和优先级高。因为唯一，getElementById 速度很快；因为优先级高，id 选择器的样式会盖过类选择器和标签选择器。需要“挑出某一个特定元素”时用 id，需要“选中一组同类元素”时用 class。
示例
html
<h1 id="main-title">欢迎</h1>
<!-- CSS: #main-title { color: red; } -->
<!-- JS: document.getElementById("main-title") -->id 在整个页面里必须唯一。CSS 用 #main-title 选中，JS 用 getElementById 快速定位。
工作原理
- 在 HTML 元素上写
id="标识名" - 这个标识名在当前页面里只能出现一次
- CSS 用
#标识名选中这个唯一元素 - JS 用
document.getElementById快速拿到它
常见混淆
容易混淆的对象: class
关键区别: id 必须全页面唯一（一个 id 只对应一个元素），class 可以重复（多个元素共用）。需要唯一标识用 id，需要分组用 class。
相关术语
相关资源
相关课程
- CSS 课程
用 id 选中唯一元素
学习基础知识
通过结构化课程深入理解这个主题。
解读错误信息
用大白话解释常见错误——什么意思、为什么发生、如何修复。