鉴于标签选择器只能进行全局设置，而我现在想要对于同一标签在不同位置有不同的设计样式，所以这次学习下id选择器
id选择器
通过标签上id属性进行选择，作用范围：只针对一个标签
id其实就是标签的身份证号，具有唯一性，规定一个页面中不允许有同名id属性
优点：id属性的权重高 缺点：只能实现单选
书写语法：
# id 属性值（自定义）
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试</title>
<style>
#p1{
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p id="p1">id选择器显示</p>
<p>id选择器显示</p>
<p>id选择器显示</p>
<p>id选择器显示</p>
</body>
</html>
