ID 选择器

Coddy CSS 选择器课程的第 5 课，共 15 课。

ID 选择器是一种 CSS 选择器，用于选择具有特定 ID 属性的元素。ID 属性是一种自定义属性，你可以将它添加到 HTML 元素中，以便唯一标识这些元素。

要选择具有特定 ID 的元素，可以使用井号（#），后面接 ID 值。例如，选择器 #my-id 会选中 ID 为 my-id 的元素。

下面是使用 ID 选择器设置网页样式的示例：

#my-id {
  color: red;
  font-size: 2em;
}

要为元素添加 ID，请这样写：

<div id="my-id"></div>

和类选择器一样，这条 CSS 规则会将 ID 为 my-id 的元素设置为红色，并将字体大小设为 2em。

挑战

简单

下面有一道练习，用来测试你对 ID 选择器的理解：

亲手试试

<html>
<head>
  <title>ID Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
    
</body>
</html>

CSS 选择器中的所有课

1CSS 选择器简介

4属性选择器

2简单选择器

3组合选择器