ID 选择器
本课属于 Coddy HTML 学习旅程的“使用 CSS 添加样式”单元。第 13 课，共 76 课。
ID 选择器用于根据 HTML 元素的 id 属性值定位特定元素。与可用于设置多个元素样式的类选择器不同，ID 选择器是唯一的，每个页面中只能应用于一个元素。因此，它适合为单个元素设置特定样式，而这些样式不应应用于其他元素。
要在 CSS 中定位具有特定 ID 的元素，你需要使用井号（#）后接 ID 值。使用 ID 选择器的基本语法如下：
#idname {
property: value;
}例如：
#intro {
color: blue;
font-size: 20px;
}在这个示例中，ID 选择器 #intro 选中 ID 为 "intro" 的元素。声明将该元素的文本颜色设置为蓝色，字体大小设置为 20 像素。
挑战
简单给定一个包含多个元素的 HTML 文档，其中包括标题（<h1>）、段落（<p>）和分区（<div>）。你的任务是使用 ID 选择器为分区元素设置样式。请按以下步骤操作：
- 为
<div>元素添加一个值为 "special" 的id属性。 - 编写一条使用 ID 选择器的 CSS 规则，目标元素的 ID 为 "special"。将此元素的背景颜色设为黄色，文字颜色设为红色。
亲手试试
<html>
<head>
<title>ID Selector</title>
<style>
/* Write CSS rules here */
</style>
</head>
<body>
<h1>This is a main heading</h1>
<p>This is a paragraph.</p>
<div>This is a division.</div>
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。
使用 CSS 添加样式中的所有课
自己练习： Web 在线编辑器