css类选择器原创

刚才呢，我们讲的标签选择器，那标签选择器呢，可以把我们页面中同一类的标签全部选取出来，那我如果选一个或者某几个标签，我应该怎么办呢？哎，此时就用到了我们基础选择器中的第二大类，我们称之为类选择器，好了，那我们看一下类选择器就能满足我们的需要，它是怎么写的呢？哎，在这里面它有分两步，其中第一步呢，先以点类名开头，然后呢，后面写成我们的属性，然后呢，下面要调用的时候呢，是用class来进行调用的，而这个class翻译过来它就是类的意思，这个单词它就是类啊，那到底是怎么使用的呢？来，我们来看一下，我新建了一个页面，在这个页面里面呢，我首先已经建好了这么七个div，如果用标签选择器，它会把七个div同同时都变成了一种样式，我如果只想把最后一个div变换一成样式呢？哎，是不是选一个啦，OK，那你看我呢，事先已经给大家编好了一个顺口溜，哎，我感觉我的顺口溜编的水平还是不错的哟，然后呢，他是这么来写的啊看一下。

差异化选择一个或多个，那我们想差异化去选择，选其中的一个或某几个怎么办呢？哎，在这里面就用到我们的类选择器，看好它怎么使用的，上面点定义，哎，用一个小点，就是我们学的小句号来定义它的写法呢，不要再写div了，这么写是不对的，而是这么写点定义，OK，第二句话呢，是类名别写错，那类名是我们自己写的，比如说我叫做点red，是不是就红色的意思啦，我因为我想把最后一句div是不是改成一个红色呀，那我就在上面用点来定义，然后呢，我自己写了一个类名叫red，自己定义的，OK，写上一个啊，那就color冒号red，这就是它的使用方式，哎，上面点定义，类名别写错，然后呢，谁用谁调用，那你看我这有几个div啊，有七个谁用啊，哎，那我最后一个div想要变成红色是不是它，哎，这么多div谁要用谁是调用这个类名就可以了，谁用谁调用，那最后一个要调用。

Class来做，那class什么呢？在这里面去，那写上一个class等于什么呀，等于red就行了，能不能看明白我的意思，哎，也就是说在上面的1.red来定义了，然后里面写上我写要的任何一种样式，然后呢，谁用谁调用最后一个需要你调用这个样式，写上一个class来做，Class等于red OK，就。搞定了，我们这个样子好，做完之后呢，我右击在浏览器中打开，我们看看行不行，一打开之后我们发现，诶，果然啊，So that，最后一个是不是果然变成了红色，只有最后一个发生了我们要的样式变化，是不是就满足我们刚才提出的需求啊，我想单独修改一个呢，哎，啥是可以来做的。那在我们实际工作里面呢，你看我写了两个，嘿嘿，工作类最多，也就是说在我们实际工作中，这个类选择器反而用的是最多最多的，这是我们说的类神的器，它的使用方式。好了，那再有一个呢，就说是一个或多个，也就说它不仅仅是可以给一个修改样式，我如果想要第二个div也要变成红色怎么办呢？哎，那是可以的，你只需要在我们第二个div的后面，还是那句话，谁用谁调用，那么class来做，Class等于什么呀？Red就可以了，那这样是不是你调用一个red，我也调用一个red，那实现了一个或多个的样式变化，走，那果然是不是两个就变成我们想要的样式了？这就是我们讲的类型的气，完全是能满足我们需要。好了，我们开来看一下类型的气。

是可以为元素单独或者是指定相同的样式，就指定相同或单独的样式啊，然后呢，其实你简单记住，就是类型的器可以选择一个或者是多个标签，你想要选一个也行，选十个也可以，你只要给它们指定相同的类名就OK了，这是我们讲的类选择器它的使用方法啊。好了，那么我简单给大家总结一下我们的类选择器，那类选择器呢，是一点啊来进行标识的，后面紧跟类名，那就是我给你总结的，哎，上面点定义啊，一点来开头，后面写上我们一个类名，OK，那么在这里面的话，我们这个类名呢，是自己起的名字，这个类名是什么呀？自定义，大家能明白这个自定义的意思吗？

也就说是是不是我们自己来命名的，OK。是我，你想起什么名字都行，老师这非得叫点red吗？不一定啊，你可以叫做点红对不对啊，老师可以随便起吗？基本可以啊叭，如说叫点随便，哎，也可以，但是你如果这叫随便，那同样道理，下面的地方是不是也要改成随便就行了，能看明白吗？哎，随便，那这样的结果不会有任何的变化，还是可以的，那我在这儿只是告诉你啊，当然咱们别这么随便是吧，咱们不是随便的人啊，好，一随便起来就坏了是吧？哎，所以说呢，我们这儿呢，是叫点red这儿自己命名的，要注意啊，好了，那么我们get它命名是有一个简单的一个规范，不要纯数字，能明白吗？哎，就不要是点11.22.33这样子，还有中文名字，哎，我们尽量使用我们的英文字母来表示，尽量用我们的英语单词就好了，近名之义，这就知道这四个字的意思吗？看到这个名字我就知道哦，原来是要给它改颜色了，哎，就这个样子就行了啊好，那么这个命名呢，是我们一个通俗性的约定，没有说我们常用的一个命名啊，那就比如说哎，我这在我们的素材。

这里面呢，给大家已经。做了有这么一个叫做doc的一个规范啊，常用的命名都在这里面，我简单打开你看一下。诶，在这里面打开，那我们的命名规则，比如头啊，叫heer，是不是见名之意，见到heer你知道哦，头的意思，尾呢，Footer打上来呢，叫navy等等的，这里面又许许多多的常见命名，当在这里面呢，你暂且不用说全背过，我们后面会带给大家写的时候呢，都是按照这种命名来的，写的多了，我们自然而然就记住了，反正就是一句话，里面尽量是使用英文单词借名之意就OK了。好，这是我们讲的这个它的一个使用方法，最后呢，简单总结一下我们的口诀，对吧？你想要差异化选择，你想要一个或多个，那就用到我们的类选择器，它的使用方式呢，是上面要点来定义，下面呢，我们的类名别写错了啊，下面的是谁调谁用谁调，用class来做，那最后总结我们工作中谁用的最多呀，就是这个类选择器，我们用的是最多，他用的是最多最多的，所以说呢，这个呢，希望大家重点去把它记住。