0007

你开始意识到了问题——这要学的内容挺多的呀，老鼠骗人入坑！

哎呀呀，被你们发现了呢！

不过嘛 MDN 里的内容我可能也就读了 1/5，至于掌握……也许只有二十分之一吧。不过我们也都没把字典读完过吧？不耽误我们读书写字说话吹牛的。

而且，不会写字但可以阅读也是可能的吧。就比如我读繁体字基本没啥问题，但让我写，也许能写出一两个吧。

首先，写网页真的不难，你现在多认识几个标签和属性就可以的。真正复杂的是排版、动画、表单等等部分，也不是每个人必须会的。

然后，写网页干嘛呀，有这个需求的人其实也不太多吧。我真的就是带你们认识一下呀，认识了以后好办事儿的（你看我真诚地大眼睛！花椒那么大呢~

诶 ，说到认识，那我找某个元素办事儿的时候，怎么找它呢？对，我们聊 CSS 的时候说了一个选择器的概念，当时用的是标签选择器，p 就代表所有标签为 p 的元素。

这时候就有局限性了，你喊：那个人你过来一下。大家一想，我是人啊，我不过去岂不是否认了这一点，所以我得过去，然后周围的人都过来了。你看，“人”这个范围太广了，同样，标签的范围常常也太广了，不是很好用。

你立刻就能想到：给元素起个名！但咱们管理元素，重在管理，所以编个号就行，就是可以给元素设定一个 id，你当它的身份证号就行。身份证号可以重复吗？当然不能，所以页面中元素们拥有的 id 也不应该重复。

不过嘛，事情也有例外，而且网页代码许多时候还是挺随意的，所以就算 id 重复了也不会出错。我是说虽然不应该如此，但是这种情况还是可能存在，你得知道，但自己不要这样去做。

这很精准，毕竟理论上写对 id，就能准确定位到这个元素。但，如果我想把这五个标题，那十个段落都设置为红色文字怎么办？你会发现上面两种方法都不太好弄。这时候我们就要对元素进行归类。给元素设置一个 class 属性，就是元素的类。

同一类元素，显然不是只能有一个，可以是很多个，而且不一定是同种元素，就像刚才的例子，文字是红色的元素，这就是一类。

看一下代码：

<h1 id="title" class="red-text">这是个标题呀</h1>
<p class="red-text">这是个段落</p>

无论是 id 还是 class 都不要用纯数字做名称，容易产生误会。然后对应的到 CSS 里面这么写：

#title {
  ……
}
.red-text {
  color: red;
}

一看就懂，前面写井号的对应 id，前面是个英文句号的是 class。

下一次我们来看看这玩意儿有啥用。

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电