文章介绍了HTML中的id选择器，强调了id的唯一性原则，指出每个标签的id在同一页中必须独一无二。id选择器主要配合JavaScript使用，而非仅限于CSS。示例代码展示了不同层级的div和链接元素如何应用id选择器进行样式设置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id选择器</title>
<style>
/* 注释内容 */
#box-a {
color: red;
text-decoration: none;
}
/* id选择器 #id的名字(身份证号)
1.在同一个页面中，每个标签的id属性值必须是唯一的
2.id选择器尽量不要在css中使用
3.id主要是结合js来使用
*/
#box1 {
color: green;
font-size: 12px;
}
</style>
</head>
<body>
<div id="box1">
第一层内容
<div id="box2">
第二层内容
<div id="box3">
<a href="" id="box-a">第三层内容</a>
<h1>一级标题</h1>
</div>
</div>
</div>
<p>
这是一个段落内容
</p>
</body>
</html>上述运行结果：
2132
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
