ID选择器(ID Selector)
学思创
277
ID选择器(ID Selector)用于选择具有唯一ID的HTML元素,并为其添加样式。
ID选择器使用ID名作为选择器,ID名以#
开头。在HTML中,每个元素应该具有唯一的ID属性,用于标识特定的元素。
以下是ID选择器的示例:
#text-blue {
color: blue;
font-weight: bold;
}
#text-red {
font-size: 18px;
color: red;
}
在上述示例中,#text-blue选择器选择具有text-blue作为ID的元素,并将其文本颜色设置为蓝色,字体加粗。#text-red选择器选择具有text-red作为ID的元素,并将其字体大小设置为18像素,文本颜色设置为红色。
ID选择器非常适合用于选择具有唯一标识的元素,因为ID在整个HTML文档中应该是唯一的。通过ID选择器,可以为特定的HTML元素添加特定的样式。
要在HTML中为元素应用ID选择器,可以使用id属性,并将ID名作为属性值,例如:
<p id="text-blue">这是一个带有text-blue ID的段落。</p>
<div id="text-red">这是一个带有text-red ID的div。</div>
请注意,一个HTML文档中的元素应该具有唯一的ID。使用ID选择器可以非常方便地选择和样式化这些具有唯一标识的元素。