项目场景：
工程里面，使用到了CSS的”id选择器"，想让某个p标签的元素发生改变
问题描述
为什么每个p标签的元素，都发生了改变
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#p1 {
background-color: red;
}
</style>
</head>
<body>
<p id="p1">1</p>
<p id="p1">2</p>
<p id="p1">3</p>
</body>
</html>
原因分析：
因为每个p标签，都使用了相同的id选择器，所以产生的效果是一样的
解决方案：
方案1：
不同的p标签，使用不同的id选择器
tips:
问：考虑一下，“id选择器”，可以共用吗？（多个标签使用一个"id选择器"）
答：不行，"id选择器"就像是身份证一样，不能重复使用（代码里面虽然可以重复使用，也不报错，但是这样不符合规范）
