ID 只能被指定单个元素使用，无法多个元素使用。像你的身份证号，是唯一的，
id 选择器以 “#” 来定义。
id选择器的优先级高于class选择器的优先级的
# userid {
text-align:center;
color:red;
}
注： ID属性不要以数字开头
class可以在多个元素中使用，多个元素拥有同个样式；像名字，好多人可以叫同个名字
class 选择器 以一个点"."号显示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.name {
text-align:center;
color:red;
}
</style>
</head>
<body>
<h1 class="name">我叫马冬梅</h1>
<p class="name">这么巧，我也叫马冬梅</p>
</body>
</html>
这里h1 和p标签都使用了class=“name”，那么这2个元素字体都居中和颜色为红色
注：类名的第一个字符不能使用数字
一般网站分为头部，主体部分，脚部。因为考虑到这些地方在同一个页面只会出现一次，所以用id 。
当页面中用到js或者要动态调用对象的时候，要用到id。除了上述情况下，都是使用class来命名的
原文：https://www.cnblogs.com/CMM-683168/p/12367772.html