<!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>
上述运行结果: