项目场景：
工程里面，使用到了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选择器"就像是身份证一样，不能重复使用（代码里面虽然可以重复使用，也不报错，但是这样不符合规范）
